Personnaliser ckeditor avec un dossier custom
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', [