Supprimer ou rajouter des couleurs sur le sélecteur de couleurs simple du nouvel éditeur

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

fascicularia
avatar
Administrateur


fascicularia


Messagefascicularia

  • 16px
  • 24px
  • Zoom

Bonjour à tous, 
Une petite astuce pour ceux qui ont choisi d'installer le sélecteur simple du panel des couleurs et qui souhaitent retirer ou rajouter des couleurs.

Nota : il faut activer la palette simple dans le panneau d'administration


Général/Messages et Emails/Configuration/Type de palette de couleurs de l'éditeur:

Cochez :Simple




Le javascript à installer dans la gestion des javascripts en cochant sur "toutes les pages"

Code:

 $(function(){$(function(){

if ($("#text_editor_textarea").length != 0) {
$.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
var mescouleurs = [],
html = $('<div />');

//############ ZONE EDITABLE ###################################

mescouleurs["Rouge foncé"] = "#660000";
mescouleurs["Rouge"] = "#FF0000";    
 mescouleurs["Vert"] = "#006600";
mescouleurs["Olive"] = "#666633";
mescouleurs["Cyan"] = "#00FFFF";
mescouleurs["bleu"] = "#0000FF";
mescouleurs["Bleu foncé"] = "#000099";
mescouleurs["Indigo"] = "#6600FF";
mescouleurs["Violet"] = "#990099";


//############## FIN ZONE EDITABLE ################################

for(key in mescouleurs) html.append('<div><a class="sceditor-fontsize-option"><font color="' + mescouleurs[key] + '">' + key + '</font></a></div>');

html.find('font').click(function(e) {
callback($(this).attr('color'));
editor.closeDropDown(true);
e.preventDefault();
});

editor.createDropDown(caller, "color-picker", html);
}
}
})});

Pour supprimer une couleur, il suffit de supprimer la ligne entière  reprenant le code couleur. Par exemple avec le violet, vous supprimez cette ligne
Code:
mescouleurs["Violet"] = "#990099";

Pour en rajouter , rien de plus simple, il suffit de rajouter une ligne  avec le code couleur de votre choix. Par exemple, pour rajouter du gris
Code:
mescouleurs["gris"] = "#999999";


Dernière édition par fascicularia le Lun 15 Juil 2013 - 12:27, édité 3 fois
Milouze14
avatar
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom

coucou Stéphane tape la ,

merci pour le partage clin oeil .



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



Teten85
avatar
Membre

Teten85


MessageTeten85

  • 16px
  • 24px
  • Zoom

Merci clin oeil 
fleur78
avatar
Membre

fleur78


Messagefleur78

  • 16px
  • 24px
  • Zoom

Merci Mais pour moi ça fonctionne pas
fascicularia
avatar
Administrateur


fascicularia


Messagefascicularia

  • 16px
  • 24px
  • Zoom

Fleur, relis le sujet ; si cela ne fonctionne toujours pas , postes une demande d'aide.
jAmAbis
Nouveau membre

jAmAbis


MessagejAmAbis

  • 16px
  • 24px
  • Zoom

@fascicularia a écrit:Bonjour à tous, 
Une petite astuce pour ceux qui ont choisi d'installer le sélecteur simple du panel des couleurs et qui souhaitent retirer ou rajouter des couleurs.
Un simple merci vous donnera accés au tutoriel

Où est le bouton "merci"
Sinon, merci hinhin 
jAmAbis
Nouveau membre

jAmAbis


MessagejAmAbis

  • 16px
  • 24px
  • Zoom

@fascicularia a écrit:Bonjour à tous, 
Une petite astuce pour ceux qui ont choisi d'installer le sélecteur simple du panel des couleurs et qui souhaitent retirer ou rajouter des couleurs.
Un simple merci vous donnera accés au tutoriel

J'ai tenté
Mais a priori sans effet.'

Je suis en bb3
Allez savoir
;)
Milouze14
avatar
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom

coucou jAmA ,

les astuces postées sur ce forum sont tous prèvues pour la version phpbb2 hinhin .



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



jAmAbis
Nouveau membre

jAmAbis


MessagejAmAbis

  • 16px
  • 24px
  • Zoom

J'ai vu
jAmAbis
Nouveau membre

jAmAbis


MessagejAmAbis

  • 16px
  • 24px
  • Zoom

@jAmAbis a écrit:J'ai vu

Y a t il moyen de conserver l'affichage en liste ?
C'est plus pratique sur telephone où la taille de la case de couleur est difficile a manipuler.
regardeplusbas
Milouze14
avatar
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom

hinhin je confirme aussi que ce dernier ne fonctionne pas chez moi ,
je n'avais pas prit le temps de le tester :df gh:  .



Y a t il moyen de conserver l'affichage en liste ?


Sinon, il y a un script qui fonctionne parfaitement Jama hinhin  ,

A mettre sur toutes les pages hinhin  .


Code:

$(function () {
            $(function () {
        
               $.sceditor.command.get('color')._dropDown = function (editor, caller, callback) {
                    var content = $("<div />"),
                        cmd = $.sceditor.command.get('color');
        
                   if (!cmd._htmlCache) {
        
                       var pre = '<strong style="background-color:#',
                            suf = ';" unselectable="on"><span></span></strong>';
        
                     
var htmlList = [pre, 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf + pre), suf].join('');
        
                       
        
var htmlGeneralPanel = ['
<div class="editor_color_panel" style="z-index:12;" unselectable="on">

<div class="color_list" unselectable="on">', htmlList, '</div>
</div>'].join('');
        
                       cmd._htmlCache = htmlGeneralPanel;
                    }
        
                   content.append(cmd._htmlCache)
                        .find('strong')
                        .click(function (e) {
                            callback($(this).attr('style').substr(17, 7));
                            editor.closeDropDown(true);
                            e.preventDefault();
                        });
        
                   editor.createDropDown(caller, "color-picker", content);
                };
        
           })
        });



Tu peux supprimer les couleurs ou en ajouter dans cette partie:

Code:

'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'

Voir ici pour les couleurs :
http://www.code-couleur.com/

Toutes les couleurs doivent être séparées par une virgule
Comme la première : f2f2f2 qui correspond à un gris clair si tu n'en veux pas, supprime le code





Pour La css,
il faut ajouter ceci:
Code:
/*Modification du bloc de souleur*/
div.sceditor-dropdown.sceditor-color-picker{margin-left:-200px;}

        .editor_color_panel
        {
        width:240px;
        height:auto;
        background-color:#fff;
      }
     
        .editor_color_panel .color_list{
        height:70px;
        margin:0 7px 0 11px;
        }
       
        .editor_color_panel strong{
        font-size:0;
        display:block;
        width:19px;
        height:19px;
        margin-top:2px;
        margin-right:3px;
        float:left;
        cursor:pointer;
        border-radius: 10px;
        }
        .color_preview{
          background-image: url('http://img90.xooimage.com/files/b/d/8/fondcoincoinfgc-3c291c8.png');
          border: 3px ridge black;
          color:white;
        text-align:center;
}


Dernière édition par Milouze14 le Lun 15 Juil 2013 - 8:39, édité 1 fois



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



jAmAbis
Nouveau membre

jAmAbis


MessagejAmAbis

  • 16px
  • 24px
  • Zoom

Hello, et merci :-)
Je testerai des que je retrouverai un clavier.
Grrr les faunes !!!!

Vais rajouter ton forum en forum ami du mien. C'est un moyen simple de retrouver le lien.
As tu une image preferée ?
Enfin, si tu en es d'accord bien sûr.
Milouze14
avatar
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom

@jAmAbis a écrit:Hello, et merci :-)


Vais rajouter ton forum en forum ami du mien. C'est un moyen simple de retrouver le lien.
As tu une image preferée ?
Enfin, si tu en es d'accord bien sûr.

hinhin pas de soucis pour le lien et pour l'image,
http://milouze14.fr/milouze140aa.gif ou
http://milouze14.fr/bleu-firefox-icone-9227-64.png



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



fascicularia
avatar
Administrateur


fascicularia


Messagefascicularia

  • 16px
  • 24px
  • Zoom

Strange que cela n'agisse pas chez vous, voici ce que j'obtiens sur mon forum



 et au niveau script coché sur toutes les pages

Code:
$(function(){$(function(){
 
 if ($("#text_editor_textarea").length != 0) {
 $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
 var mescouleurs = [],
 html = $('<div />');
 
 //############ ZONE EDITABLE ###################################
 
 mescouleurs["Rouge foncé"] = "#660000";
 mescouleurs["Rouge"] = "#FF0000";   
 mescouleurs["Vert"] = "#006600";
 mescouleurs["Olive"] = "#666633";
 mescouleurs["Cyan"] = "#00FFFF";
 mescouleurs["bleu"] = "#0000FF";
 mescouleurs["Bleu foncé"] = "#000099";
 mescouleurs["Indigo"] = "#6600FF";
 mescouleurs["Violet"] = "#990099";
 
 
 //############## FIN ZONE EDITABLE ################################
 
 for(key in mescouleurs) html.append('<div><a class="sceditor-fontsize-option"><font color="' + mescouleurs[key] + '">' + key + '</font></a></div>');
 
 html.find('font').click(function(e) {
 callback($(this).attr('color'));
 editor.closeDropDown(true);
 e.preventDefault();
 });
 
 editor.createDropDown(caller, "color-picker", html);
 }
 }
 })});
Milouze14
avatar
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom

J'ai testé sur toutes les versions Stéphane et
cela ne fonctionne pas :mc1: 



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



fascicularia
avatar
Administrateur


fascicularia


Messagefascicularia

  • 16px
  • 24px
  • Zoom

Supprimons tout bonnement le turoriel dans ce cas. Je ne sais quoi vous dire vu que cela agit sur le sélecteur de mon côté et que cela prend en compte les modifications demandées. Est ce un paramétrage de mon côté qui fait que cela fonctionne; je n'en sais rien.
Je nai pas précisé qu'il fallait activer la palette simple dans le tutoriel car cela me parait évident. Est ce à partir de la qu'il ya un soucis !!!!

J'ai également testé sur un forum test vierge de tout javascript et, avec les paramétrages suivants :
Type de palette de couleurs de l'éditeur : simple
Activer le mode WYSIWYG par défaut dans les messages : non


et cela agit également sur ce forum



edit :11:55:49
Testé également sous punbb avec les mêmes paramétrages. Fonctionne également



jAmAbis
Nouveau membre

jAmAbis


MessagejAmAbis

  • 16px
  • 24px
  • Zoom

@fascicularia a écrit:Supprimons tout bonnement le turoriel dans ce cas. Je ne sais quoi vous dire vu que cela agit sur le sélecteur de mon côté et que cela prend en compte les modifications demandées. Est ce un paramétrage de mon côté qui fait que cela fonctionne; je n'en sais rien.
Je nai pas précisé qu'il fallait activer la palette simple dans le tutoriel car cela me parait évident. Est ce à partir de la qu'il ya un soucis !!!!

J'ai également testé sur un forum test vierge de tout javascript et, avec les paramétrages suivants :
Type de palette de couleurs de l'éditeur : simple
Activer le mode WYSIWYG par défaut dans les messages : non

et cela agit également sur ce forum


Le supprimer ne me parait pas forcément judicieux.
Par contre, demander des retours peut permettre d'avancer.

Chez moi : IE10 W8 (et 7) je ne vois aucun changement par rapport à l'"éditeur simple (oui, j'avais coché ;) )
J'essaierai d'investiguer plus avant.

J'avais comme ref le vert sans r lol.
Bon pour le debug.

fascicularia
avatar
Administrateur


fascicularia


Messagefascicularia

  • 16px
  • 24px
  • Zoom

pour le vert sans r, juste un oubli; rien de bien méchant.
Milouze14
avatar
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom

Je nai pas précisé qu'il fallait activer la palette simple dans le tutoriel car cela me parait évident. Est ce à partir de la qu'il ya un soucis !!!!

super et voilà le soucis est enfin résolu hinhin .

Merci encore Stéphane tape la  .



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



fascicularia
avatar
Administrateur


fascicularia


Messagefascicularia

  • 16px
  • 24px
  • Zoom

oups, autant pour moi, cela me paraissait évident vu qu'a l'initial le choix d'activer cette palette de couleur avait été fait .oups1 sorry

Je modifie sur le tutoriel initial et je rectifie l'erreur d'écriture sur le vert où il manque le r.
jAmAbis
Nouveau membre

jAmAbis


MessagejAmAbis

  • 16px
  • 24px
  • Zoom

Ça donne quoi de chez vous ?
http://charades-et-rebus.forumgratuit.org/
Milouze14
avatar
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom

@jAmAbis a écrit:Ça donne quoi de chez vous ?
http://charades-et-rebus.forumgratuit.org/

coucou Jama,

pour le visuel , Stéphane a déposé des captures:
https://www.milouze14.com/t24974-supprimer-ou-rajouter-des-couleurs-sur-le-selecteur-de-couleurs-simple-du-nouvel-editeur#508434



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



Aenigma
avatar
Nouveau membre

Aenigma


MessageAenigma

  • 16px
  • 24px
  • Zoom

Voyons voir ça, merci d'avance Stéphane.
jAmAbis
Nouveau membre

jAmAbis


MessagejAmAbis

  • 16px
  • 24px
  • Zoom

Question ?
y at il un outil de debug qui me permette de voir si je passe par mon code ?
merki pluvieux de Corse
;)
jAmAbis
Nouveau membre

jAmAbis


MessagejAmAbis

  • 16px
  • 24px
  • Zoom

@Milouze14 a écrit:
@jAmAbis a écrit:Ça donne quoi de chez vous ?
http://charades-et-rebus.forumgratuit.org/


coucou Jama,

pour le visuel , Stéphane a déposé des captures:
https://www.milouze14.com/t24974-supprimer-ou-rajouter-des-couleurs-sur-le-selecteur-de-couleurs-simple-du-nouvel-editeur#508434

Ce que je voulais dire est
Est ce que de chez vous, vous constatez aussi que Ma palette n'a pas changé ?
Milouze14
avatar
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom

coucou Jama,
un petit coucou fait toujours plaisir hinhin .

On ne peut pas voir cher ami sur ton forum car
il faut pouvoir poster hinhin .



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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