palette de couleurs de l'éditeur

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu palette de couleurs de l'éditeur

Message par ginl le Mer 9 Juil 2014 - 9:33

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 => http://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


Dernière édition par ginl le Lun 21 Juil 2014 - 9:31, édité 1 fois

ginl
Nouveau membre

Messages : 23
Inscrit(e) le : 14/01/2013

http://galgals.guildealliance.com/forum
ginl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: palette de couleurs de l'éditeur

Message par demeter1 le Mer 9 Juil 2014 - 22:22

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





demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: palette de couleurs de l'éditeur

Message par ginl le Jeu 10 Juil 2014 - 11:30

Bonjour! Smile

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



Dernière édition par ginl le Ven 11 Juil 2014 - 8:55, édité 1 fois

ginl
Nouveau membre

Messages : 23
Inscrit(e) le : 14/01/2013

http://galgals.guildealliance.com/forum
ginl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: palette de couleurs de l'éditeur

Message par ginl le Ven 11 Juil 2014 - 8:51

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 :

http://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

ginl
Nouveau membre

Messages : 23
Inscrit(e) le : 14/01/2013

http://galgals.guildealliance.com/forum
ginl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: palette de couleurs de l'éditeur

Message par kiwi14637 le Sam 12 Juil 2014 - 13:44

Bonjour,

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

Bonne journée !

kiwi14637
# Tropactif #

Masculin
Messages : 1388
Inscrit(e) le : 19/05/2010

kiwi14637 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: palette de couleurs de l'éditeur

Message par ginl le Mar 15 Juil 2014 - 10:12

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

ginl
Nouveau membre

Messages : 23
Inscrit(e) le : 14/01/2013

http://galgals.guildealliance.com/forum
ginl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: palette de couleurs de l'éditeur

Message par ginl le Jeu 17 Juil 2014 - 16:18

Un petit up? -s'il vous plait Wink

ginl
Nouveau membre

Messages : 23
Inscrit(e) le : 14/01/2013

http://galgals.guildealliance.com/forum
ginl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: palette de couleurs de l'éditeur

Message par demeter1 le Jeu 17 Juil 2014 - 16:31


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.

demeter1
+ Hyperactif +

Masculin
Messages : 8224
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: palette de couleurs de l'éditeur

Message par ginl le Ven 18 Juil 2014 - 8:49

Bonjour Surprised 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

ginl
Nouveau membre

Messages : 23
Inscrit(e) le : 14/01/2013

http://galgals.guildealliance.com/forum
ginl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: palette de couleurs de l'éditeur

Message par kiwi14637 le Ven 18 Juil 2014 - 12:14

@ginl a écrit:Bonjour Surprised 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 ! Smile

Bonne journée !

kiwi14637
# Tropactif #

Masculin
Messages : 1388
Inscrit(e) le : 19/05/2010

kiwi14637 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: palette de couleurs de l'éditeur

Message par Ea le Ven 18 Juil 2014 - 12:18

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 : http://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.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: palette de couleurs de l'éditeur

Message par ginl le Lun 21 Juil 2014 - 9:31

Merci kiwi14637 mais du coup ce ne sera pas nécessaire Wink
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!!

ginl
Nouveau membre

Messages : 23
Inscrit(e) le : 14/01/2013

http://galgals.guildealliance.com/forum
ginl a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum