Par absurdsystem le 26 novembre 2009

[CKEditor] Installation

Vous venez de télécharger CKEditor ou FCKEditor. Mais comment l'utiliser ?
Dans chacune des archives se trouve un dossier « _samples ». Ce sont des exemples que vous pouvez utiliser facilement.

Mise en place

CKEditor 3.0

Dans le head de votre page vous appelez le fichier ckeditor.js:

Et dans le body :





Voir l'exemple

FCKEditor 2.6.5

C'est pratiquement la même chose, sauf que cette version à la particularité d'avoir les différents langages séparés, il faut donc faire appel au fichier suivant le langage voulu (ici php) :

include("../sources/fckeditor/fckeditor.php") ;

Et dans le body :


$sBasePath = $_SERVER['PHP_SELF'] ;
$sBasePath = '../sources/fckeditor/' ;
$oFCKeditor = new FCKeditor('FCKeditor1') ;
$oFCKeditor->BasePath = $sBasePath ;
$oFCKeditor->Width = '600';
$oFCKeditor->Value = 'Votre texte ici' ;
$oFCKeditor->Create() ;
?>

Voir l'exemple

$sBasePath sert à spécifier le chemin du dossier de FCKEditor. Par défaut $sBasePath est égal à'/fckeditor/'.

Pour comprendre comment je travaille, voici une capture de mon arborescence.
arbo

Les archives de CKEditor et FCKEditor se trouvent dans le dossier 'sources' et les exemples se trouvent dans les dossiers 'ck_ex1' et 'fckex1' ce qui explique que les chemins d'appels soient de cette forme : ../sources/…/

Et dans le formulaire le fichier sample_posteddata.php sert à visualiser les données envoyées.
Il contient juste une ligne :

echo $_POST['editor1'];

Voila j'èspere que l'installation de CKEditor/FCKEditor n'a pas été trop compliqué.

zp8497586rq

    4 commentaires

  1. Mar dit :

    Bonjour,

    J’essaie d’installer CKeditor sur wordpress. C’est ok. Dans la doc ilest dit de l’activer dans « extensions ». C’est ok mais rien ne se passe l’editeur de wordpress demeure avec tout ses boutons en moins. Faut-il faire quelque chose dans le code?

    Merci

  2. absurdsystem dit :

    Pour ma part je viens de tester et je n’ai aucun problème.
    J’ai télécharger le plugin à cette adresse : http://wordpress.org/extend/plugins/ckeditor-for-wordpress/

    ,placé le contenu de l’archive dans le dossier plugin de WordPress puis je l’ai activé.

    Lorsque je vais ajouter un nouvel article, j’ai bien CKEditor à la place de l’éditeur par défaut.

    Si c’est simplement un problème de boutons, il suffit d’en rajouter dans le fichier config.js du plugin.
    J’ai écris un article pour le rajout de boutons : http://www.absurdsystem.com/ckeditor-la-barre-doutils/.

    Je reste à disposition si besoin.

  3. Kler dit :

    Depuis peu sur mon site le bloc « textarea » de mes commentaires avait disparu et impossible de le remettre en place.

    Je me suis dit : qu’est-ce qui a changé ? J’avais installé CKEditor. En le désactivant, le problème a disparu instantanément. Ce plugin était super, mais il semblerait que WP 3.0.2 ne le supporte plus ?

    En savez-vous plus à ce sujet ?

  4. absurdsystem dit :

    J’ai testé deux versions différentes du plugin, sans aucun problème apparent.

    Voici les plugins testés :

    http://wordpress.org/extend/plugins/fckeditor-for-wordpress-plugin/

    http://wordpress.org/extend/plugins/ckeditor-for-wordpress/

    Testé sous WordPress 2.8.6 et WordPress 3.0.2