palette de couleurs de l'éditeur

[ginl]

Bonjour! Voilà je vous expose mon petit soucis... avec le nouvel éditeur.
Little contexte : j'ai repris ce forum après avoir demandé sa 'suppression' il y a deux ans de ça. Vu qu'il était malgré tout resté en ligne je l'ai remonté de A-Z...
J'ai mis à jour l'éditeur, sauf que les couleurs de la liste de choix ne s'affichent pas en plages mais en texte dans une liste. (il est à noté que les couleurs ajouté dans le javascript n'ont pas été prise en compte dans cette liste...)

Merci d'avance pour l'aide que vous pourriez m'apporter!

- Version du forum : phpBB2
- Impr écran du soucis :

Spoiler:

- Je suis fondateur
- J'ai modifié les templates suivants : index_body / index_box / topics_list_box / viewtopic_body / posting_body

J'ai appliqué ce tuto => https://forum.forumactif.com/t357566-personnaliser-la-palette-de-couleurs-de-lediteur

- Voici le Javascript que j'ai appliqué sur toutes les pages (en ajoutant des couleurs) :

Code:

$(function(){$(function(){
       
          if ($("#text_editor_textarea").length != 0) {
            $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
              var mColorBasic = [],
                html = $('<div />');
               
        // liste des couleurs
             
              mColorBasic["Noir"] = "#000000";
              mColorBasic["Bleu foncé"] = "#00008B";
              mColorBasic["Sarcelle"] = "#008080";
              mColorBasic["Vertclair"] = "#99cc99";
              mColorBasic["Indigo"] = "#4B0082";
              mColorBasic["rouge foncé"] = "#780101";
              mColorBasic["Orange"] = "#FF4500";
              mColorBasic["Marron"] = "#663300";
       
              mColorBasic["Gris foncé"] = "#666666";
              mColorBasic["Bleu royal"] = "#4169E1";
              mColorBasic["Turquoise foncé"] = "#00CED1";
              mColorBasic["Vert"] = "#008000";
              mColorBasic["Pourpre"] = "#9400D3";
              mColorBasic["Rouge"] = "#FF0000";
              mColorBasic["Orange clair"] = "#FF9933";
              mColorBasic["Sienne"] = "#A0522D";
       
              mColorBasic["Gris clair"] = "#D3D3D3";
              mColorBasic["Bleu ciel"] = "#87CEEB";
              mColorBasic["Cyan"] = "#00FFFF";
              mColorBasic["Vert pomme"] = "#32CD32";
              mColorBasic["Mauve"] = "#DA70D6";
              mColorBasic["Saumon"] = "#FA8072";
              mColorBasic["Or"] = "#FFD700";
              mColorBasic["Brun clair"] = "#CD853F";
       
              mColorBasic["Blanc"] = "#FFFFFF";
              mColorBasic["Turquoise pâle"] = "#AFEEEE";
              mColorBasic["Bleu vert"] = "#7FFFD4";
              mColorBasic["Vert olive"] = "#999966";
              mColorBasic["Rose"] = "#FFC0CB";
              mColorBasic["Pêche"] = "#FFDAB9";
              mColorBasic["Jaune"] = "#FFFF00";
              mColorBasic["Bois"] = "#DEB887";
         
        // fin de la liste des couleurs
             
              for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
             
              html.find('span').click(function(e) {
                callback($(this).attr('color'));
                editor.closeDropDown(true);
                e.preventDefault();
              });
             
              editor.createDropDown(caller, "color-picker", html);
            }   
          }
        })});

- Voici le CSS que j'ai appliqué

Code:

/* Icônes couleur dans la palette */
       
        .color-option {
        display: inline-block !important;
        width: 15px !important;  /* largeur de l'icône couleur */
        height: 15px !important;  /* hauteur de l'icône couleur */
        border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
        margin: 3px !important;  /* espace entre chaque icône */
        box-shadow: 0 0 2px #778899;  /* ombre */
        cursor: pointer !important;
        }
        .color-option span{
        display: block !important;
        width: 15px !important;  /* largeur de l'icône couleur */
        height: 15px !important;  /* hauteur de l'icône couleur */
        }
        .color-option, .color-option span {
        border-radius: 2px;  /* arrondi */ 
        }
       
        /* Palette complète - la largeur influence le nombre d'icônes affichées */
        .sceditor-dropdown.sceditor-color-picker {
        width: relative !important;  /* largeur de la palette complète */
        height: relative !important;  /* hauteur de la palette complète */
        padding: 5px !important;
        border-radius: 5px !important;
        }

- Firefox / Chrome

[demeter1]

Bonsoir ginl,
Fonctionne de mon côté avec le js coché sur toutes les pages



Essyez d'liminer les diverses souces d'erreur
1 placer les templates par défaut
2 désactiver un à un vos js
3 vérifier que vous avez fait toutes les mises à jours

[ginl]

Bonjour!

Oui =x et comme je le disais dans mon premier post, le js est aussi coché sur toutes les pages... je ne sais pas trop d'où vient le soucis.
Je précise également que l'activation de la gestion des codes Javascript est faite.
Je vais essayer les trois solutions proposées =x

[ginl]

Rebonjour!
J'ai réalisé les actions suivantes et mon problème n'est pas résolu
1 j'ai placé les templates par défaut un à un
2 j'ai désactivé les js un à un
J'ai vérifié à chaque action, mais la liste des couleurs n'est toujours pas prise en compte, dr house...
Mais heum... pour les mises à jours... oO? je ne sais pas bien comment vérifier que je suis à la page? Pour ce qui est du nouvel éditeur normalement j'ai le bon ;x J'ai tenue compte des sujets suivants :

https://forum.forumactif.com/t352401-nouvel-editeur-de-messages-pour-les-forums-forumactif

les templates suivants  sont chez moi par défaut =x

 Templates > Profil > profile_add_body
 Templates > Poster & Messages Privés > posting_body

On ne sait jamais mais... voici le lien de mon forum => http://galgals.guildealliance.com/forum

[kiwi14637]

Bonjour,

Avez-vous bien fait la modification demandée ici : https://forum.forumactif.com/t308422-nouveaute-forumactif-gestion-des-codes-javascript ?

Bonne journée !

[ginl]

Bonjour
Oui la modification a bien été prise en compte de mon côté. Donc mon soucis ne vient pas d'ici i.i

[ginl]

Un petit up? -s'il vous plait

[demeter1]

Bonjour Ginl,
Si vos templates sont à jour, Si la palette simple et bien activé , il ne reste plus qu'à vérifier si un autre de vos scripts interférer avec ce nouveau js en les désactivant un à un.

[ginl]

Bonjour j'ai désactivé mes js un à un et rien n'a bougé... Je ne sais vraiment pas ce qui cloche avec mon éditeur... =x

[kiwi14637]

Bonjour j'ai désactivé mes js un à un et rien n'a bougé... Je ne sais vraiment pas ce qui cloche avec mon éditeur... =x

Bonjour,

Vous n'avez bien sûr pas désactivé le js pour les couleurs que vous voulez rajouter et vous avez forcé les templates par défaut ?
Pourrait-on avoir accès à une section où l'on pourrait poster, svp ? Merci !

Bonne journée !

[Ea]

Bonjour,


Sur le forum http://galgals.guildealliance.com il y a une erreur dans ce code :

Code:

$(function () {
    var bg = "Adresse image (largeur plus grande que 1600px)";
    if (screen.width < 801) bg = "http://img4.hostingpics.net/pics/507109800600.jpg";
    else if (screen.width < 1025) bg = "http://img4.hostingpics.net/pics/3527651024768.jpg";
    else if (screen.width < 1281) bg = "http://img4.hostingpics.net/pics/3709081680960.jpg";
    else if (screen.width < 1601) bg = "http://img4.hostingpics.net/pics/86476116001200.jpg";
    document.body.style.backgroundImage = "url(""
    http:
});

qui cause une erreur pour tout les scripts présents sur toutes les pages.

Cette astuce a de toute façon été remplacée par un simple code CSS : https://forum.forumactif.com/t286701-image-de-fond-qui-s-adapte-a-la-resolution-du-visiteur

Donc sauf si il vous est primordiale que le fond soit redimensionné pour des membres ayant des versions d'internet explorer de plus de 5 ans, il est recommandé de simplement utilisé le code CSS.

Cordialement.

[ginl]

Merci kiwi14637 mais du coup ce ne sera pas nécessaire
Un grand merci à Ea! Ce script était à l'origine de touuuuuus mes problèmes! Un autre script à supprimé et mon sélecteur de couleur est parfait. Thx very very very much!!