Le fichier config.js, situé à la racine du répertoire où vous avez placé ckeditor, contient les paramètres par défaut de configuration de l'editeur Wysiwyg ckeditor.
Vous pouvez modifier vous même les paramètres de configuration par défaut de CkEditor dans le fichier config.js, en affectant le français par défaut, la couleur du cadre de l'éditeur, le contenu par défaut de la barre d'outils (vous pouvez même définit plusieurs barre d'outils avec différents contenu d'outils)
Configuration de CkEditor dans le fichier config.js
CKEDITOR.editorConfig = function( config ) { config.language = 'fr'; // Lanque défaut config.uiColor = '#eee';// Couleur de l'éditeur config.width = 600; / Largeur de l'éditeur config.toolbar = 'MyToolbar_defaut'; config.toolbar_MyToolbar_defaut = [ ['Bold','Italic','Underline','Strike','-'], config.toolbar = 'MyToolbar_user'; ]; config.toolbar_MyToolbar_user = [ ['Bold','Italic','Underline','Strike','-'], ['NumberedList','BulletedList','-','Outdent','Indent'], ['JustifyLeft','JustifyCenter'], ]; };
Au moment de l'affichage de l'editeur, vous pouvez aussi redéfinir et personnaliser contextuellement les paramètres de configuration de ckeditor.
Dans l'exemple ci après, je change la barre d'outil par défaut, la hauteur , largeur et la couleur de mon editeur ckeditor.
Configuration de ckeditor au moment de l'appel de l'editeur :
<textarea name="texte-nouvelle" id="texte-nouvelle" cols="120" rows="120"> mon texte par défaut </textarea> <script type="text/javascript"> CKEDITOR.replace('texte-nouvelle',{ uiColor : '#be0930', width : '750px', height : '400px', toolbar : 'MyToolbar_user' }); </script>
Laisser un commentaire
Participez-vous à la discussion?N'hésitez pas à contribuer!