SimpleGeek

Activités, Loisirs et Humeurs d'un geek breton en Normandie ...

Personnaliser ckeditor avec un dossier custom

Rédigé par Webmaster Aucun commentaire

Afin d'éviter de ne pas oublier de sauvegarder les fichiers  modifiés dans ckeditor pour le personnaliser, il m'est apparu plus efficace de créer un dossier custom dans lesquels je mets mes fichiers  de configuration.

Pour l'exemple je m'appuirai sur le plugin ckeditor pour PluXml.

Première étape : Création d'un dossier custom dans le dossier ckeditor du plugin et on y met ses fichiers de configuration (pour commencer on peut faire la copie des fichiers utilisés par défaut situés dans ckeditor/ckeditor):
ckeditor
    ckeditor
        ckeditor.js
        config.js
        contents.css
        styles.js
    custom
        myconfig.js
        mycontents.css
        mystyles.js
    ckeditor.php   
Seconde étape, la seule qu'il faudra refaire à chaque mise à jour du plugin pluxml ckeditor :
dans le fichierckéditor.php, rajouter customConfig:

CKEDITOR.replace('id_'+n, {
    customConfig: '../custom/myconfig.js',
	extraPlugins: 'justify..........

Ensuite modifier myconfig.js en rajoutant :

// Applique les styles dans l'éditeur
config.stylesSet = 'my_styles:/plugins/ckeditor/custom/mystyles.js';
// Applique le Css du site
config.contentsCss = '/plugins/ckeditor/custom/mycontents.css' ;
// ou sous cette forme
//config.contentsCss = 'http://nomdusite.fr/plugins/ckeditor/custom/mycontents.css'

Et enfin modifier le fichier mystyles.js pour remplacer le nom defaut par my_styles

CKEDITOR.stylesSet.add( 'my_styles', [
Classé dans : PluXml Mots clés : aucun

Écrire un commentaire

Quelle est la dernière lettre du mot vfavu ?

Fil RSS des commentaires de cet article