css
كود الجافاسكريبت
الكود:
/* 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: 182px !important; /* largeur de la palette complète */
/* height: 160px !important; */ /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}
/*--------------------------------*/
كود الجافاسكريبت
الكود:
$(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["Vert foncé"] = "#006400";
mColorBasic["Indigo"] = "#4b00aa";
mColorBasic["Cramoisi"] = "#cc3333";
mColorBasic["Orange"] = "#FF4500";
mColorBasic["Marron"] = "#663300";
mColorBasic["Gris foncé"] = "#666666";
mColorBasic["Bleu royal"] = "#0000ff";
mColorBasic["Turquoise foncé"] = "#00CED1";
mColorBasic["Vert"] = "#008000";
mColorBasic["Pourpre"] = "#9400D3";
mColorBasic["Rouge"] = "#FF0000";
mColorBasic["Orange clair"] = "#ff8c00";
mColorBasic["Sienne"] = "#A0522D";
mColorBasic["Gris clair"] = "#c0c0c0";
mColorBasic["Bleu ciel"] = "#4169E1";
mColorBasic["Cyan"] = "#00FFFF";
mColorBasic["Vert pomme"] = "#32CD32";
mColorBasic["Mauve"] = "#DA70D6";
mColorBasic["Saumon"] = "#FA8072";
mColorBasic["Or"] = "#FFD700";
mColorBasic["Brun clair"] = "#CD853F";
mColorBasic["Gris c"] = "#D3D3D3";
mColorBasic["Turquoise pâle"] = "#87CEEB";
mColorBasic["Bleu vert"] = "#7FFFD4";
mColorBasic["Vert pâle"] = "#98FB98";
mColorBasic["Rose"] = "#FFC0CB";
mColorBasic["Pêche"] = "#ff00ff";
mColorBasic["Jaune"] = "#FFFF00";
mColorBasic["Bois"] = "#DEB887";
mColorBasic["Blanc"] = "#FFFFFF";
mColorBasic["Special2"] = "#7b68ee";
mColorBasic["Special3"] = "#66cdaa";
mColorBasic["Special4"] = "#daa520";
mColorBasic["Special5"] = "#c71585";
mColorBasic["Special6"] = "#ff69b4";
mColorBasic["Special7"] = "#ff6347";
mColorBasic["Special8"] = "#dc143c";
mColorBasic["Special9"] = "#40010e";
mColorBasic["Special10"] = "#520342";
mColorBasic["Special11"] = "#a53e3e";
mColorBasic["Special12"] = "#bf6363";
mColorBasic["Special13"] = "#092443";
mColorBasic["Special14"] = "#f01155";
mColorBasic["Special15"] = "#3ea4a5";
mColorBasic["Special16"] = "#669900";
mColorBasic["Special17"] = "#b30202";
mColorBasic["Special18"] = "#f3235a";
mColorBasic["Special19"] = "#9aeecb";
mColorBasic["Special20"] = "#00BA16";
mColorBasic["Special21"] = "#0088FF";
mColorBasic["Special22"] = "#0A03D6";
mColorBasic["Special23"] = "#02BDAD";
mColorBasic["Special24"] = "#FF6633";
// 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);
}
}
})});