Introduction
Le plugin est intégré complètement à SPIP.
Si vous avez opté pour laisser le choix aux auteurs (c’est l’option par défaut). Il suffit de cliquer sur le lien adapté pour passer de l’éditeur spip à CKeditor.
Description
Il permet une configuration plus fine :
- choix du mode d’édition par défaut (éventuellement exclusif),
- taille de l’éditeur,
- démarrage de la correction orthographique dans une langue particulière,
- configuration assez poussée des barres d’outils.
Mais aussi :
- quelles balises SPIP on souhaite autoriser,
- forcer la langue de CKeditor (pour éviter les problèmes d’autodétection)
- autoriser ou non l’insertion d’image provenant de tous les articles
L’insertion d’une image se passe normalement :
- on télécharge l’image avec SPIP,
- on clique sur insérer une image, puis « explorer le serveur » qui nous propose les images de l’article
ou toutes celles du site
On peut aussi insérer un lien vers un article/une rubrique/une brêve du site SPIP.
Installation
Dans tous les cas, il faut qu’un répertoire lib existe à la racine de votre installation Spip pour que Spip puisse y copier la librairie CKeditor. Et il faut que Spip puisse écrire dans ce répertoire : c’est un pré-requis obligatoire.
Ensuite, vous pouvez installer le plugin de deux manières différentes :
Par FTP
Téléchargez le plugin :
- Plugin CKeditor
Vous pouvez préférez la version de développement qui se trouve là
Décompresser l’archive où vous voulez, copier le répertoire entier dans le sous répertoire plugins de votre installation spip.
En mode auto
Créez un répertoire auto dans le sous répertoire plugins de votre installation spip. Taper/Copier l’url du plugins
Validez.
Spip télécharge l’archive et vous montre ce qu’il y a dedans.
Validez.
Activation du plugin
Utilissez le gestionnaire de plugins Spip pour activer le plugin.
Ouvrez le répertoire plugins/auto et activez CKeditor pour Spip
Validez.
Spip n’est pas content :
Normal, il faut encore télécharger CKeditor lui-même. Cliquer sur le bouton Télécharger.
Après le téléchargement qui prend un certain temps (près de 5Mo ...), Spip vous montre le contenu de l’archive qu’il vient de télécharger :
Procéder à l’installation :
Normalement à ce stade, le plugin est installé. Il arrive, je ne sais pas pourquoi que spip ne copie pas le contenu de CKeditor au bon endroit, dans lib/ckeditor. Chez moi, il laisse l’archive décompressée dans tmp/cache/chargeur/ckeditor. En l’effaçant complètement et en recommençant, ça a marché. Je pense que le bug vient de spip. Mais je n’en suis pas sûr.
Configuration
Puis on utilise l’interface CFG pour configurer le plugin. Ce n’est pas obligatoire mais les choix par défaut risquent de ne pas vous plaire. En particulier, si vous ne faites rien, vous aurez l’éditeur CKeditor avec un seul bouton : A propos. Pensez à activez les boutons que vous voulez voir apparaître dans les barres d’outils.
Voilà, ce devrait être tout.
ChangeLog
- version 0.2
- utilisation de jQuery à la place d’une regex pour remplacer l’editeur spip
- utilisation de jQuery pour insérer le choix d’éditeur
- mécanisme permettant de copier lorsque c’est nécessaire le plugin pour l’éditeur CKeditor
- image réduite effectivement (utilisation de image_reduire) dans le dialogue de sélection d’image
- (j’espère) suppression d’un avertissement lié à l’absence de tidy
- le combo ’’styles’’ propose maintenant les styles spip et les couleurs html (pas hardcodées avec rgb(rr, gg, bb) )
- nettoyage divers
- version 0.7 (disponible sur le svn uniquement)
- traduction anglaise et arabe
- insertion de document spip (les reférences sont stockées dans la db spip comme
<imgXX|center>, ou<docXX|player|center>par exemple - les liens sont sauvegardé au format spip
[text->lien](enfin souvent, la reconnaissance présente encore quelques bugs) - le changement de mode d’édition se fait maintenant à la volé (merci ajax) et sans nécessité de sauvegarder le document avant le changement de mode
- configuration sur trois onglets
- utilisation de ckeditor 3.0.1 (si vous avez déjà installé le plugin, veillez à effacer lib/ckeditor, pour que le plugin procède à la mise à jour de ckeditor
- divers fix et amélioration
SVN
N’hésitez pas pas à essayer la dernière version disponible sur le SVN du projet :
- version packagée
- pour la dernière version utiliser svn :
svn checkout http://ckeditor-spip-plugin.googlecode.com/svn/trunk/ ckeditor
Plugin CKeditor
RSS 2.0
Vos commentaires
# Le 5 mars à 19:31, par mybeau
Bonjour,
Merci pour ce plugin.
Il marche parfaitement (en local) en tout cas, avec SPIP 2.0.10.
J’ai vu ici des problèmes du style : " Version : 0.9.168 ne semble pas vouloir fonctionner (quand j’édite un article la zone de texte reste grisée et le bouton pour passer en édition spip ne fonctionne pas, pas d’erreur renvoyées par le navigateur). "
Config de Base : N’oubliez pas de COCHER LA CASE Démarrer la correction orthographique en Français
En outre on a des soucis avec les liens SPIP quand on utilise les URL propres. Il faut reprendre le module rubriques-links dans son dossier squelettes et utiliser #URL_RUBRIQUE|url_absolue]|#ID_RUBRIQUE au lieu de
#URL_PAGE rubrique |parametre_url etc..
idem pour articles-links et breves-links.html (donc utiliser #URL_ARTICLE et #URL_BREVE respectivement.
Répondre à ce message
# Le 3 mars à 18:25, par Claudio Gnessi
ok guys, I don’t why but it doesn’t work at all... nothing appear.
I’ve done everything is said in the article but it doesn’t work...
There are any knows conflict whit other plugins ?
Thx
Répondre à ce message
# Le 9 décembre 2009 à 18:48, par Fred
Bonjour Frédéric, et merci pour ce plug-in.
Je pense être tombé sur un bug que je vous soumets :
Je suis sous SPIP 2.0.9, CKeditor est paramétré en éditeur secondaire.
1/ Je crée, avec l’éditeur de Spip, un lien comportant une apostrophe, par exemple :
C’est mon lien
2/ Je passe alternativement de l’éditeur Spip à CKeditor. À chaque clic, un "\" est ajouté devant l’apostrophe…
Petit à petit, mon texte devient comme çà : C\\\\\\\\\’est mon lien
NB : ça ne fait ça que sur des liens.
3/ Saperlipopette, CKeditor rend plein de services aux rédacteurs du site, mais là c’est bloquant…
Vu sous Safari et Firefox, hébergement apache mutualisé chez OVH.
Je suis à disposition (mais un peu débordé quand même hein…) pour des tests et compléments d’infos.
Merci !
# Le 11 décembre 2009 à 16:49, par Frédéric Bonnaud
Je pense que c’est lié à la configuration de php (les magic quote) tu peux essayer de les désactiver ( http://www.php.net/manual/fr/securi... )
# Le 2 mars à 22:51, par Manu
Bonjour,
Avez-vous trouvé une solution au bug des antislashs devant les apostrophes dans les liens ? Ce problème existe sur toutes les versions de CKeditor.
@+
# Le 3 mars à 09:08, par Fred
Bonjour Manu, bonjour à tous…
Non, je n’ai pas résolu le problème…
Je ne dis pas que ce n’est pas possible, notamment en creusant la piste indiquée par Frédéric (maqic quotes), mais je ne suis pas suffisamment à l’aise avec php, et n’ai pas pris le temps nécessaire pour me lancer dedans…
Répondre à ce message
# Le 2 mars à 23:13, par Manu
Bonjour,
Dans les versions précédentes il était possible de désactiver l’option "nettoyer le code HTML produit par CK" (cf les impressions d’écrans de cet article). Cette option n’existe plus, elle serait parfois nécessaire, comme par exemple avec le couteau suisse où il faut ajouter du code dans l’HTML.
Existe-il une solution manuelle (dans un fichier js ou php ?) pour désactiver le nettoyage ?
Merci
Manu
Répondre à ce message
# Le 1er mars à 21:53, par ?
Bonsoir,
A quel endroit je "protège" des bouts de code spip. et soit conservé dans l’interface ckeditor afin d’éviter les mauvaises surprises de disparition complète d’un jeux créé sous l’interface spip et corrigé sous CKeditor
En effet, j’utilise le plugin jeux, et je voudrais que tout ce qui est entre
Si quelqu’un peut me tuyauter ...
Merci d’avance
Répondre à ce message
# Le 18 février à 13:37, par ?
Bonjour
OOoPs
ERRATUM : Le lien qu’il intègre est & amp ;
En fait je voudrais qu’il ne fasse pas d’interprétation html pour le &
Merci de votre aide
Répondre à ce message
# Le 17 février à 10:31, par ?
Bonjour à tous
J’utilise SPIP au sein d’un laboratoire de recherche.
Les rédacteurs ne sont pas des informaticiens, c’est pour ça que Ckeditor est tres bien adapté.
Cependant lorsque nous voulons insérer un lien interne à SPIP voici ce qu’il affiche en source ( en prenant exemple d’un lien sur un article ) :
spip.php ?page=article&id_article=xx
En fait il prend le & et l’interprete comme un code html ...
Y aurait-il un moyen pour corriger ce problème.
Merci d’avance
Répondre à ce message
# Le 5 février à 21:43, par Humpty
It simply doesn’t work !!!
I use SPIP 2.0.10 I’ve done all the things the article says but the textarea inside articles disappear.
Any suggestion ??? It’s seems it doesn’t load the js.
Thanx for any suggestion
# Le 6 février à 17:57, par tony
Essai en local : ne marche pas ; j’ai ce message qui me laisse perplexe..
CKEditor version 3.0 est installé, ce plugin préfèrerait la version 3.0.1. Veuillez d’abord désintaller la version actuelle.
# Le 8 février à 23:24, par anthony
Ca marche sur le serveur de free. Seulement certaines mises en forme ne se mettent pas en place dans les tableaux ( comme le centrage du texte). Bizarre.
Répondre à ce message
# Le 2 février à 22:40, par ?
Bonjour,
Merci pour cette superbe évolution du plug-in FCKeditor !!!
Juste un problème en ce qui me concerne : avec un site sous Spip 2.0.10 et Beespip 2.0, lorsque j’active CKEditor, mon site perd toute mise en page. Donc je dois le désactiver une fois que mes articles sont publiés pour que le site reprenne forme "humaine" ;-)
Que faire ?
J’imagine qu’il doit y avoir quelquepart un fichier de config de CK qui pointe au mauvais endroit, mais je ne sais pas où chercher et j’ai trop peur de tout casser...
HELP !!! ;-)
# Le 7 février à 19:11, par ?
En fait, histoire d’illustrer mon problème, voici ce que donne le site en question avec et sans CKeditor activé (à gauche sans et à droite avec) :
http://img294.imageshack.us/img294/...
Répondre à ce message
# Le 6 février à 22:29, par ?
Sorry I don’t speak french !!! I’m italian and I uderstand french well but I really don’t speak it ! Sorry again
I’ve tried this procedure
- ckeditor 7 (not the latest version of the plug-in) with ckeditor 3.02 and ckeditor 3.01 -> Not work
- ckeditor-spip-plugin (the latest version of the plug-in) with ckeditor 3.02 and ckeditor 3.01 -> Not work
Any suggestion ???
Répondre à ce message