Problème avec le texte de l'éditeur

[Invité]

Bonjour, 

Je voulais savoir comment je pouvais faire pour mon CSS, pour que quand l'éditeur n'est pas en mode source, mon message soit lisible. 

En mode source : 


En mode normal d'édition : (Le texte du blblbblblblblblb est en noir. >.<' Donc illisible)


Mon CSS : 

Code:

/***********************************************APPARENCE NOUVEL EDITEUR*/
        
        
       /*général*/
       .sceditor-container {
           width: 100% !important;  /********************************largeur de l'édieur*/
           text-align: center;
           border: none !important;
       }
       .sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
           background-image:url("http://img11.hostingpics.net/pics/445771boisfonc.jpg");  /****couleur de fond global de l'éditeur*/
           color: #9B7D45 !important;
       }
       /*fin général*/
        
        
       /*toolbar*/
        div.sceditor-toolbar {
           background-color: #1A0D08 !important;  /************couleur de fond de la toolbar*/
           border: none !important;
       }
       div.sceditor-group {
           background-color: #2E1A0B !important;  /*couleur de fond des groupes de boutons*/
           border: none !important;
       }
       a.sceditor-button {
           background-color: #1A0D08 !important;  /************couleur de fond des boutons*/
           margin: 0.5px; /*************************espace entre les boutons dans un groupe*/
       }
       a.sceditor-button.hover, .sceditor-button.active {
           background-color: #1A0D08 !important;  /***couleur de fond des bouton surlignés*/
       }
       /*fin toolbar*/
        
           /*zone de texte*/
       div.sceditor-container iframe, div.sceditor-container textarea {
           background-color: #1A0D08 !important;   /****couleur de fond de la zone de texte*/
           border: 1px solid #2E1A0B !important; /*couleur de la bordure de la zone de texte*/
           width: 95% !important; /***************************largeur de la zone de texte*/
           color: #9B7D45 !important;   /*************couleur de la police (en mode source)*/
           font-size: 12px !important;   /***********taille de la police (encmode source)*/
           padding: 5px !important;
       }

       .sceditor-container iframe, .sceditor-container textarea {
           background-color: #1A0D08 !important;   /****couleur de fond de la zone de texte*/
           border: 1px solid #2E1A0B !important; /*couleur de la bordure de la zone de texte*/
           width: 95% !important; /***************************largeur de la zone de texte*/
           color: #9B7D45 !important;   /*************couleur de la police (en mode source)*/
           font-size: 12px !important;   /***********taille de la police (encmode source)*/
           padding: 5px !important;
       }
       /*fin zone de texte*/
        
       /*encadré de saisie quand on clique sur un bouton*/
       .sceditor-dropdown {
           background-image:url("http://img11.hostingpics.net/pics/445771boisfonc.jpg");  /**************couleur de fond de l'encadré*/
       }
       .sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button {
           color: #9B7D45 !important;   /*****************couleur de la police dans l'encadré*/
       }
       .sceditor-dropdown textarea, .sceditor-dropdown input {
           background-color: #9B7D45 !important;  /******couleur de fond des zones de saisie*/
       }
       /*fin encadré de saisie*/
        
       /*smileys*/
        .sceditor-emoticons .smiley {
           width: auto !important;
           height: auto !important;
           max-width: 40px !important;  /************************largeur max d'un smiley*/
           max-height: 40px !important;  /***********************hauteur mex d'un smiley*/
       }
       .sceditor-dropdown.sceditor-emoticons {
           max-height: 200px;  /********************hauteur max de la fenêtre des smileys*/
           max-width: 200px; /**********************largeur max de le fenêtre des smileys*/
           overflow: auto;
       }
       /*fin smileys*/
        
       /*********************************************FIN APPARENCE NOUVEL EDITEUR*/

Et je voulais savoir comment je pouvais personnaliser le prévisualiser et le envoyer ? Si il est possible de mettre une image à la place ou si je peux le remanier ?

Merciii d'avance de votre aide.

[Matriochka]

Bonsoir,

Pour le mode d’édition :
https://forum.forumactif.com/t352843-comment-enclencher-par-defaut-le-bouton-basculer-le-mode-d-edition

Pour les boutons, tu peux les personnaliser depuis le CSS en utilisant ces identifiants :

Code:

input.liteoption, input.mainoption

[Invité]

C'est bon merciiii. Vu que c'est toujours avec l'éditeur ? Il y a aussi une solution pour éviter que les smileys se dédouble quand on passe dessus ? J'ai pas trouvé de sujet pour ça. >-<'

Merci de votre aide.

[girus79]

Si, il y a un tuto à ce sujet.

https://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur


Le code pour éviter le dédoublement :
Supprimer le dédoublement de smileys et autres soucis liés
- Allez dans Modules > Gestion des codes javascript
- Vérifiez que l'option "Activer la gestion des codes Javascript " est cochée sur OUI
- Créez un nouveau code. Donnez lui un nom ("smileys" par exemple)
- Cochez "sur toutes les pages" pour le placement,
- Puis dans la zone de saisie collez ce code :

Code:

$(function(){ $(function() {  $(".sceditor-button-emoticon").click(function() {    $(".smiley").unbind("hover")  })})});

[Invité]

Merciiii de votre aide. <3
tout est bon à ce niveau.