Comment installer et configurer rapidement CKEditor et CKFinder chez ovh

> Comment installer et configurer rapidement CKEditor et CKFinder chez ovh

Et bien, après avoir téléchargé la dernière version, pour moi la 4.3.2

dans le fichier config.js je définis ma propre barre d'outil, je choisis mes boutons avec :

config.toolbar = 'MyToolbar';

config.toolbar_MyToolbar =
[
    { name: 'document', items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] },
    { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
    { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] },

    '/',
    { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
    { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv',
    '-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
    { name: 'links', items : [ 'Link','Unlink','Anchor' ] },
    { name: 'insert', items : [ 'Image','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Iframe' ] },

    { name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] },
    { name: 'colors', items : [ 'TextColor','BGColor' ] },
    { name: 'tools', items : [ 'Maximize', 'ShowBlocks' ] }
];

et ensuite des options importantes pour moi
j'ai perdu du temps à retrouver les onglets avancés pour les dialogue des liens par exemple... qu'il fallait juste commenter...

config.height = '253';//hauteur fenêtre car par défaut 200px

config.allowedContent = true;
config.ignoreEmptyParagraph = false;

config.entities = false; // Pas de conversion des accents en entités HTML si encodage non UTF-8

config.coreStyles_bold = { element : 'b', overrides : 'strong' };
config.coreStyles_italic = { element : 'i', overrides : 'em' };

// Se the most common block elements.
config.format_tags = 'p;h1;h2;h3;pre';

// Make dialogs simpler.
// config.removeDialogTabs = 'image:advanced;link:advanced';

Dans le formulaire qui doit afficher les bloc wysiwyg j'ai simplement, dans un tableau très laid, oui, je sais :

retour