Problème pour l'éditeur de Message

[Jervis]

Bonjour à vous.

Bon, je viens vous reparler de l'éditeur de message, je vois que sur le votre ça fonctionne plutôt bien, même très bien, mais pour mon forum, c'est autre chose :/ C'est même carrément énervant pour mes membres.

- Le Soucis du Source et du WYSIWYG continue, il faut a chaque fois cliquer pour voir et écrire (ça énerve, si si)
- Les Smileys sont revenus, ô joie ! Sauf qu'il y'a une vilaine bande de couleur qui bousille le fond des smileys.

Bref, si vous aviez LE code pour rectifier tout ça ... Mettre l'éditeur en sombre, etc. Je vous remercie d'avance.

[demeter1]

Pour désactivez le WYSIWYG sur le message rapide

Code:

$(function() {
          $(function() {
            var a = $("#text_editor_textarea");
            a.length && ($("a.sceditor-button-source").remove(), !a.sceditor("instance").inSourceMode() && a.sceditor("instance").toggleSourceMode())
          })
        });

[Jervis]

Voila le CSS que j'ai

Code:


        /*--- Bloc réponse rapide ---*/
       
        .sceditor-container.ltr.sourceMode {width:650px !important; background-color: #000000 !important;}
        .sceditor-container.ltr.wysiwygMode {width:650px !important; background-color: #000000 !important;}
     

        /*---  Partie supérieur contenant les outils ---*/
       
        div.sceditor-toolbar {
        background-color: #000000 !important;
        text-align: center;
        }
       
        /*---  Partie texte area : fond ---*/
       
        .sceditor-container iframe, .sceditor-container textarea {
        background-color: #000000 !important;
        text-align:justify;
        margin:0 !important;
        line-height: 16px;
        width: 540px !important;
        color: #FFFFFF !important;
        font-size:11px !important;
        }
       
        /*---  Groupe de boutons ---*/
       
        div.sceditor-group {
        background-color: #XXXXXX !important; }
       
        /*---  Boutons ---*/
       
        a.sceditor-button {
        }
       
        /*---  Boutons sélectionnés ---*/
       
        a.sceditor-button.hover {
        background-color: #XXXXXX !important;
        }
       
        /*---  Smileys ---*/
       
        .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
        img.smiley {width: auto !important; height : auto !important;}

        $(function() {
                  $(function() {
                    var a = $("#text_editor_textarea");
                    a.length && ($("a.sceditor-button-source").remove(), !a.sceditor("instance").inSourceMode() && a.sceditor("instance").toggleSourceMode())
                  })
                });
         

Y'a t'il quelque chose qui cloche à votre avis ?

[demeter1]

Qui cloche , plutôt oui, vous avez inséré du javascript dans la partie dédiée au css au lieu de le mettre dans la partie dédiée au javascript.

[Jervis]

Désolé mais je ne saisis pas vraiment :/
En résumé quels sont les réglages a changer ? :/

[demeter1]

Vous sortez ceci de votre css

Code:


$(function() {
                  $(function() {
                    var a = $("#text_editor_textarea");
                    a.length && ($("a.sceditor-button-source").remove(), !a.sceditor("instance").inSourceMode() && a.sceditor("instance").toggleSourceMode())
                  })
                });
          

et vous le mettez dans la partie dédiée au javascript
pa-->modules-->gestions des javascripts
Vous collez le code et, cochez sur sujets.

Si cela ne marche pas, vérifiez que vous avez fait les modifs liés à la mise à jour de février 2012

[Jervis]

Ah merci beaucoup ça marche mieux en effet
Merci Demeter1