Ajouter nouvelles couleurs dans la palette simple de couleurs

[JackSawyer]

Bonjour

J'aurais besoin de votre aide pour pouvoir faire une petite chose. J'aimerais en effet rajouter 3-4 couleurs persos dans la palette de couleur en mode simple (nom couleur avec écriture en couleur).

Merci d'avance.

[Matriochka]

Bonjour,

Où en est votre problème ? S’il est résolu, merci de le signaler. Sinon, pensez à remonter votre sujet régulièrement, sans quoi celui-ci sera considéré comme abandonné et envoyé à la corbeille.

Bonne journée

[JackSawyer]

En attente d'aide. Merci.

[Jellicle]

Je crois que ce tuto devrait pouvoir te renseigner, non ?

[Invité]

Si non il y a Ce tuto

[JackSawyer]

Je crois que ce tuto devrait pouvoir te renseigner, non ?

En gros ce serait ça mais cela ne marche pas avec le nouvel éditeur...

[Jellicle]

Essaie :

PA → Général → Messages et Emails

[JackSawyer]

J'y suis déjà, le template postbody n'est plus le même et les codes de sont plus les mêmes.

[Scoubifitz]

bonjour, bonsoir,

Bonne nouvelle ! Avec le nouvel éditeur , plus besoin de demander au fondateur de trifouiller les templates ...

un administrateur suffira pour faire les modifications .

Rendez vous dans votre Panneau d'administration > Modules > Gestion des codes Javascript

Rajout , suppression et modifications des couleurs simples :

Créez un nouveau javascript + titre (ex:couleurs simples modifiées) + sur toutes les pages
collez-y ce code :

Code:

$(function () {
$(function () {
$.sceditor.command.get('color')._menu= function(editor, caller, callback) {
var colors = {},
html = $('<div />');
colors[editor._('Chartreuse')] = '#7fff00'; /* nom et couleur perso */
colors[editor._('LightGreen')] = '#90ee90'; /* nom et couleur perso */
colors[editor._('SeaGreen')] = 'SeaGreen'; /* nom et nom de couleur associée */
colors[editor._('Lavande')] = '#e6e6fa'; /* nom et couleur perso */
colors[editor._('Rouge foncé')] = '#660000';
colors[editor._('Rouge')] = '#FF0000';
colors[editor._('Orange')] = '#FF9933';
colors[editor._('Marron')] = '#663300';
colors[editor._('Jaune')] = '#FFFF00';
colors[editor._('Vert')] = '#006600';
colors[editor._('Olive')] = '#666633';
colors[editor._('Cyan')] = '#00FFFF';
colors[editor._('Bleu')] = '#0000FF';
colors[editor._('Bleu foncé')] = '#000099';
colors[editor._('Indigo')] = '#6600FF';
colors[editor._('Violet')] = '#990099';
colors[editor._('Gris')] = '#999999';
colors[editor._('Blanc')] = '#EEEEEE';
colors[editor._('Noir')] = '#000000';

for(var k in colors)
html.append('<div><a class="sceditor-fontsize-option"><font color="' + colors[k] + '">' + k + '</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 ajouter une couleur , il suffit d'ajouter une ligne au code avec le nom et le code de cette couleur:

colors[editor._('nom_de_la_couleur')] = 'code_couleur'; /* nom et couleur perso */

Pour supprimer une couleur , effacez la ligne de code la concernant .

216 couleurs dans le mode étendu (au lieu des 105 actuels)

Toujours dans votre Panneau d'administration > Modules > Gestion des codes Javascript

Créez un nouveau javascript + titre (ex:couleurs étendues modifiées) + sur toutes les pages
collez-y ce code :

Code:

$(function () {
$(function () {
$.sceditor.command.get('color')._dropDown= function (editor, caller, callback) {
var i, x, color, colors,
genColor     = {r: 255, g: 255, b: 255},
content      = $("<div />"),
colorColumns = editor.opts.colors?editor.opts.colors.split("|"):new Array(6),
// IE is slow at string concation so use an array
html         = [],
cmd          = $.sceditor.command.get('color');

if(!cmd._htmlCache)
{
for (i=0; i < colorColumns.length; ++i)
{
colors = colorColumns[i]?colorColumns[i].split(","):new Array(37);

html.push('<div class="sceditor-color-column">');
for (x=1; x < colors.length; ++x)
{
// use pre defined colour if can otherwise use the generated color
color = colors[x] || "#" + genColor.r.toString(16) + genColor.g.toString(16) + genColor.b.toString(16);

html.push('<a href="#" class="sceditor-color-option" style="background-color: '+color+'" data-color="'+color+'" title="'+color+'"></a>');

// calculate the next generated color
if(x%6===0)
{
genColor.g -= 51;
genColor.b = 255;
if(genColor.g < 51){genColor.g = "00";}
}
else
genColor.b -= 51;
if(genColor.b < 51){genColor.b = "00";}
}
html.push('</div>');

// calculate the next generated color
if(i%1===0)
{
genColor.r -= 51;
genColor.g = 255;
genColor.b = 255;
if(genColor.r < 51){genColor.r = "00";}
}
else
{
genColor.g = 255;
genColor.b = 255;
}
}

cmd._htmlCache = html.join('');
}

content.append(cmd._htmlCache)
.find('a')
.click(function (e) {
callback($(this).attr('data-color'));
editor.closeDropDown(true);
e.preventDefault();
});

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

})
});

ce qui donne ceci , une colonne de 216 couleurs avec le code couleur au survol :

[JackSawyer]

Parfait c'est exactement le premier truc que tu décris.

Je te remercie fortement!