le MEMO du WEB développeur
••• CkEditor •••  Liste des Mémos, astuces et bonnes pratiques

Configurer ckeditor

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>   

 

publié le 11/12/2011 par Memo Web
Commentaire :
Merci ! Je cherchais comment faire depuis deux heures !
par inconnu, le 09/07/2014
Commenter le Mémo :

Erreur javascript "w is undefined"
Rajout automatique de paragraphe dans ckEditor
Ajouter des styles dans la barre d'outils de ckeditor
Bug sur le plugin mediaembed de CkEditor
Récupérer le texte du contenu de l'editeur CKEditor en javascript
Empêcher la saisie de mise en forme sur copier coller - ckEditor
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos