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
Que fait le plugin ?
Ce plugin remplace l’éditeur par défaut de spip (en particulier le porte-plume disparaît) dans les articles, les brêves et les rubriques par CKEditor un éditeur WYSIWYG.
Avec cet éditeur, vous pouvez :
- continuer d’utiliser le mécanisme de spip pour insérer des images, des documents à/dans un article, une rubrique ...
- insérer simplement des liens vers les objets standards de spip (mais aussi ceux non encore prévu en modifiant assez simplement le code du plugin : ajout d’un fichier, ajout d’un lien dans un autre) via un dialogue de CKEditor.
- utiliser les balises spip non gérée par CKEditor comme vous le feriez depuis l’éditeur de spip.
- utiliser des polices en utilisant le mécanisme CSS3 (
@font-face), soit en utilisant le webfonts directory de google, ou en téléchargeant la police ainsi que la feuille de style CSS3 tel que générée par Font Squirrel par exemple dans le répertoire :IMG/FontKits/<répertoire de la police>/. - le plugin essaie, dans la mesure du possible de sauvegarder vos mises en page en utilisant les raccourcis typographiques de spip (le gras, l’italique, les liens, les ancres, les insertion d’images, de documents, les listes, ... ) mais beaucoup de choses sont sauvegardées au format html (les tableaux, les enrichissement sophistiqué : couleurs, polices etc ...).
- (nouveau) utilisez CKEditor avec n’importe quel champ (pour peu que vous connaissiez un sélecteur jQuery permettant d’y accéder)
- (nouveau) utiliser CKEditor aussi bien en partie privée que publique
- (nouveau) utilisez les modèles SPIP de manière ’visuelle’
- (nouveau) utilisez des modèles d’articles que vous définirez
- (nouveau) préservez la typographie spip
- plein d’autres choses ...
La dernière version est :
- sur la zone !
- compatible spip 3.0 (expérimental)
Mise à jour de la lib
Le plugin Ckeditor utilise le dossier lib/ de SPIP.
Mais rien dans SPIP ne gère la mise à jour des lib :(
En conséquence, pour mettre à jour la lib :
- La lib CKEditor se télécharge au format zip ici
- et le dossier ckeditor qu’elle contient est à mettre dans lib/ à la racine de SPIP à la place de l’ancien
Remarque, vous pouvez personnaliser les greffons de CKEditor.
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 :
(0.17.1)
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.
Via SVP
Vu que le plugin est maintenant sur la zone : il peut être installé via SVP (à vérifier)
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.
Modules complémentaires
Pour profiter pleinement de toutes les fonctionnalités du plugin, il faut installer aussi :
- le plugin Itérateurs
- la librairie html2spip
- la librairie KCFinder dans
/lib
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.
Les documentations suivantes sont, sur certains points obsolètesVous pouvez consulter les articles :
Incompatibilités
Ce plugin est incompatible avec le plugin Multilang.
Contribution avec Git
ckeditor-spip-plugin est sur le Git de SPIP !
Discussions par date d’activité
369 discussions
Enfin une solution qui peut être sympa pour proposer des petites fonction d’éditions supplémentaire sans donner accès à tous et n’importe quoi à l’utilisateur :)
Par contre petit soucis, je viens de mettre à jours avec la version SVN ckeditor-spip-plugin 0.7 r130, j’ai télécharger la dernière version 3.0.1 de ckeditor et mis dans /lib.
J’ai deux soucis, le premier il indique :
- CKEditor version 3.0 est installé, ce plugin préfèrerait la version 3.0.1. Veuillez d’abord désintaller cette version.
Comprend pas pourtant j’ai mis la 3.0.1.
Deuxième petits soucis qui est peut-être lié, quand je clique sur Utiliser CKeditor le texte de l’article disparait.
Petite idée également pour CFG ça serait de mettre le chemin vers le CSS du site pour la variable de configuration de ckeditor config.contentsCss.
Bonjour,
J’ai eu le même souci ce matin : vider le cache, mais aussi celui du navigateur et les cookies, pour le message en bas de l’article.
Pour l’autre soucis, cela m’est déjà arrivé avec une autre version de ckeditor mais c’était dû à un autre plugin : dw2 (plus rien dans l’article...).
La version de spip a peut être aussi son importance ?
Ok merci c’était effectivement ça pour la version de ckeditor detecté. Il faut bien vider son cache et revenir tous va bien. Par contre toujours le même soucis pour le texte de l’article qui disparait quand je clique sur ckeditor
Bonjour,
Il m’est arrivé la même chose en activant le plugin DW2.
Dés sa désactivation, j’ai pu rédiger à nouveau, mais refaire l’article.
A voir.
Déjà, DW2 ne fonctionne pas vraiment correctement (problème de fonction non disponible) avec spip 2.
Ensuite, effectivement, dw2 a fait planter ckeditor lors de sa première activation chez moi, mais à la seconde ça marche ... bref : un bug non reproductible chez moi. Je doute de lui trouver une explication.
Répondre à ce message
Un seul mot : BRAVO !
Enfin un éditeur configurable, qui respecte les codes d’insertion spip, etc... Et qui marche du premier coup !
Seul hic : cela va faire du travail de migration vers 2.0.9...
Répondre à ce message
Bonjour,
Pour info, avec la version 0.7r130 sur une fresh install de spip 2.0.9, le bouton « explorer le serveur » dans la boite de dialogue pour insérer une image ne s’affiche plus...
Bon courage et mille bravos pour ce plugin !
ce n’est pas un bug, mais une ’feature’ ;-)
Sans rire, j’ai supprimée cette fonction de la boîte de dialogue d’insertion d’image, et ajouté un bouton ’document spip’ (cochez ’spipdoc’ à la place ou en plus de image) qui permet de parcourir les images/documents téléchargées par spip. et de les insérer.
Cela m’a paru plus logique, plus cohérent avec la philosophie de SPIP : ça ajoute une contrainte aux rédacteurs, mais permettra à terme d’être indépendant vis à vis des mise à jour de spip.
Je pourrais remettre le bouton, mais ça ne me semble pas pertinent, vos avis ?
Répondre à ce message
Question simple :
Quels sont les plus du plugin CKEditor par rapport à l’ancienne version FCKeditor http://www.spip-contrib.net/Nouvelle-version-du-plugin ?
Je m’explique : hormis le souci d’affichage des articles longs avec l’ancien plugin ; il permet de parcourir le serveur et de télécharger les images dans des sous-dossiers d’IMG.
Avec cette version, je ne retrouve plus cette fonction...
De plus, je m’interroge en cas de migration vers le nouveau plugin pour toutes les images téléchargées et installées avec l’ancien plugin car ces images n’apparaissent plus dans l’espace privé dans le nouvel éditeur même si elles se trouvent dans le dossier IMG...
Faudrait-il alors toutes les REtélécharger de manière classique spip pour qu’elles soient visibles ?
Merci pour vos éclaircissements.
L’intérêt de cette version (enfin la 0.7 du svn) est que ce ne sont plus des liens vers les images qui sont sauvegardés mais des références aux images/documents spip. Donc en cas migrations, comme ce sont des ’liens’ spip, c’est spip qui gère. Même s’il déplace le répertoire des documents etc...
Et tu peux utiliser tous les documents qui sont accessibles via l’interface classique de spip. Rien de plus, rien de moins. Il suffit de cliquer sur le bouton ’Insérer un Document SPIP’ depuis CKEditor, puis sur ’Documents SPIP...’ puis sur ’tous’ (si tu as activé l’option : ’insérer les documents de n’importe quel article’ via CFG
Pour ce qui est de la migration FCK -> CK aucun problème pour les anciens articles tant que les liens ne changent pas. Attention donc, si tu avais utilisé des images ailleurs que dans IMG/, par exemple si tu avais des images dans le répertoire du plugins, alors il faut désactiver FCK, mais surtout ne pas effacer les images (donc pas le répertoire du plugin)
C’est ce problème de migration qui me pousse à ne passer que par l’interface de SPIP et pour l’upload et pour le référencement des documents.
Bonjour,
Toujours en et essai, j’ai pu remarquer qu’il était difficile de revenir dans les propriétés d’un tableau créé, en effet la boite de dialogue ouverte en clic droit est cachée par celle de l’explorateur.
Pas de problème pour les propriétés des images qui sont normalement exécutées, par contre, si je parle du tableau, en cliquant sur le tableau et propriété, l’on obtient un nouveau tableau, généralement intégré à l’ancien... J’ai trouvé une parade en gardant le bouton droit enfoncé, la boite de dialogue du navigateur disparait et il faut faire vite sans lâcher le bouton pour aller sur les propriétés du tableau qui sont alors accessibles.
Inconvénient par rapport à FCK, le tableau et son contenu sortent du cadre destiné à l’article.
Enfin, les propriétés de l’images si elles n’acceptent pas le centrage, acceptent le décalage horizontal ou vertical peu importe, car tout décalage déclaré, se reporte sur l’autre catégorie non choisie.
C’est la parade au défaut de centrage que j’ai trouvée.
Je tenais à vous signaler tous ces faits, je teste FCK et CK, ils ont chacun des avantages et des inconvénients, et ces messages ont pour but non de critiquer, mais de faire remonter des constats qui se veulent constructifs.
Et toujours, MERCI pour tout ce travail
SPIP 2.0.9 [14357] et CKEditor Version : 0.2 (les versions ultèrieures ne s’affichant pas chez moi.)
les versions suivantes ne s’affichent pas... ok mais :
1) est-ce que le plugin est activé ?
2) y-a-t-il un message d’erreur ?
Bonjour,
Bien sûr que le plugin est activé, j’ai les deux version en local, celle dont je parlais hier qui fonctionne très bien avec les inconvénients de spip et des tableaux, et celle ci : Version : 0.7 (#Rev 117#) qui activée SANS AUCUN AUTRE PLUGIN que cfg et bonus derniers cris, empêche l’édition de tout article. J’obtiens ce que l’on voit sur l’image en pièce jointe.
Pour ce qui était de ma remarque concernant les tableaux, un tableau seul, dans un article dépasse le cadre de l’article, par contre si l’on place du texte avant et après, l’article rentre dans le cadre. Mille excuses mais FCK et CK ont le même comportement à ce sujet.
Il en est de même pour la propriété de l’image : si l’image est en entête, les espacement horizontaux se répercutent sur les verticaux même si ceux ci n’ont pas été choisis, par contre, en plein article, ces propriétés lorsqu’elles sont activées sont correctement interprétées.
Je parlais aussi des propriétés des tableaux qu’il était difficile de faire apparaitre car elles sont cachées par la boite de windows. Dans un tableau, si une faute d’orthographe est détectée, elle déclenche une boîte de dialogue qui est assez longue pour que l’on puisse accéder aux propriétés du tableau. Il va donc falloir faire des fautes.
J’ai été long, mais c’est pour être le plus précis possible, et que ces expériences servent à d’autres.
CKeditor installé sur mon pc provoque les mêmes comportements, dont celà vient de lui.
Des raccourcis clavier serient peut être les bienvenus.
Je continue mes essais et ferai remonter le cas échéant.
BON COURAGE et MERCI
Répondre à ce message
Bonjour,
J’ai un problème quand je souhaite ouvrir un lien dans une nouvelle fenêtre.
Je sélectionne dans l’onglet Cible Nouvelle fenêtre (_blank) et je valide.
J’obtiens le code suivant :
Ce qui est correct.
Mais quand j’enregistre, le lien confond l’URL et la target et j’obtiens un lien non fonctionnel.
Edit : je suis en version 3.0.1 pour ckeditor et 0.6 pour le plugin
Pour les liens, de toutes façon, spip les mange, ie :
dans la dernière version du plugin (voir le svn : version 0.7 révision r95), il est possible de d’avoir le type de lien que tu demandes, mais spip les transforme, à l’affichage, en :
<a href="http://lemonde.fr" target="_blank"><a href='http://lemonde.fr' class='spip_out'>http://lemonde.fr</a><br /></a>qui, bien que fonctionnant en tant que lien, n’ouvre pas de nouvelle fenêtre.Pour spip-bonux : aucune idée, j’ai indiqué la version que j’utilise.
Répondre à ce message
Bonjour,
en activant le problème et après téléchargement des compléments dans SPIP/lib j’ai un message d’erreur :
Impossible d’activer le plugin ckeditor
Nécessite le plugin SPIP_BONUX en version [1.8.2 ;] minimum.
Pourtant Spip Bonux est correctement installé.
Merci pour votre aide ;-)
Je suppose que tu n’as pas la bonne version de spip-bonux...
Bonjour,
J’ai le même problème avec une version 2.0 de SPIP_BONUX. Doit-on forcément utiliser la version 1.8.2 ?
Merci
Répondre à ce message
Bonjour à tous et encore merci pour cette contrib. Juste un conseil pour ceux qui ont un problème d’affichage de la barre d’outil. J’ai rencontré le souci et en suivant les log d’apache, j’ao observé une requête sur un .htaccess dans lib/ckeditor. J’ai regarder le contenu qui ne m’a parut essentiel et j’ai viré (après sauvegarde ;-) le fichier. Et vous allez rire, ça marche.
Encore mes félicitations à M. Bonnaud. Une petite remarque dans la foulée.
A la création de lien, on ne retrouve plus l’option « Parcourir le serveur » qui était fort utile précédemment pour uploader des pdf par exemple. J’ai essayer de joindre un doc à la mode spip mais je ne retrouve pas mes petits...
Merci de votre aide.
Pour le bouton parcourir le serveur, ce n’est plus possible, il n’est plus disponible avec ckeditor. Il faut utiliser ckfinder, mais il n’est pas libre. Donc je ne le diffuse pas.
Par contre, normalement (chez moi ça marche...), je peux insérer n’importe quel document spip (pdf y compris) depuis ckeditor.
Essaie la dernière version (r59) là : http://code.google.com/p/ckeditor-spip-plugin/downloads/list
Répondre à ce message
Je viens d’installé Ckeditor sur spip 2.0.9, j’ai crée le répertoire /lib a la racine de mon site avec le droit 777, j’ai télécharger les fichiers ckeditor (décompresser) dans /lib par FTP.
Ensuite j’ai télécharger par la méthode auto de spip le plugins ckeditor, j’ai activer le plugins, j’ai modifier dans la option Ckeditor du CFG l’adresse de mon site.
Jusque là pas de problèmes, mais quant je veux écrire un article avec ckeditor, le champ où en écris le texte disparais et rien s’affiche dans cette zone.
Si quelqu’un ’ a une idée où est le problème, merci d’avance pour l’aide.
Sans message d’erreur, point d’aide possible.
Utilise Firefox, ouvre la console d’erreurs (Outils -> Console d’erreurs), efface tout (pour avoir une liste d’erreurs uniquement liées à spip/ckeditor), créé un nouvel article, dis nous les erreurs obtenues.
PS : Tu n’as pas suivi la procédure que j’ai décrite (visiblement mal décrite).
As-tu essayé la dernière version ici : http://code.google.com/p/ckeditor-spip-plugin/downloads/list ?
Bonjour,
J’ai testé depuis ce matin en local et en distant ce plugin que je trouve très bien, les explications sont bien documentées, et l’installation en est facilitée par la fonction auto des plugins.
Cependant, au 1er essai, j’ai eu la barre d’icônes de CKeditor dans la partie droite de l’espace d’écriture, environ 150px de large, je pense que j’aurais pu écrire, mais...
J’ai tout de suite pensé à porte plume et sa barre typographique dédiée.
Je l’utilise pour permettre à 3ativité du jour" de fonctionner sans bug !
Il me semble qu’il y a une incompatibilité, entre CKediteur et porteplume.
J’ai regardé le forum lié et n’ai pas rencontré de remarque à ce sujet.
Ceci étant dit pour ne pas paraitre négatif, ayant utilisé FCKeditor j’avais des problèmes de lien avec les images, et je pense que le fait de mettre en lien absolu toutes les images est une bonne chose.
Leur visualisation est grandement facilitante par rapport à l’ancien système pour faire son choix, autrement dit bravo et merci.
En pj, la place qui reste à l’éditeur avec porteplume.
Merci pour ces remarques. N’utilisant pas le porteplume je n’avais pas vu (mais on m’en avait parlé en privé). Faudra que je regarde, ça doit être un bête problème de css : ça devrait pouvoir ce régler. Il faudrait juste que je connaisse l’id css de la barre d’outils du porte plume. Je regarde quand je trouve le temps d’installer le porte plume.
Pour les images, les prochaines versions du plugin, utiliseront
<imgXX|align>pour stocker les images dans la DB spip et fera la conversion<img src=''/>vers et depuis<imgXX|align>ça devrait régler tout les problèmes de référencela version r46 du svn est compatible porte plume :
voir là : http://code.google.com/p/ckeditor-spip-plugin/source/checkout
les images sont aussi stockées au format spip, plus de problème de références... enfin j’espère.
Bonjour,
Désolé, mais après avoir chargé la version en lien et changé fonction.php j’ai en local un message d’avertissement, qui bloque l’accès à l’espace privé.
J’attendrai donc, bon courage.
LEQUEL ?
« Erreur dans les plugins : plugins/auto/ckeditor-spip-plugin/ckeditor_fonctions.php »
Voila le type de message que j’ai eu, en chargeant le lien que tu as signalé, et les révisions de fckedit_functions.php.
J’ai rechargé le plugin par auto sans rien changer, ilmarche sans message, mais en désactivant le porteplume.
Excuse moi pour le manque de précision ce matin.
A +
Ce fichier : fckedit_functions.php n’existe pas dans le plugin, je suppose que tu parles de ckeditor_fonctions.php.
si tu utilises le svn, il faut prendre la version r50
avec une commande du type :
svn checkout -r 50 http://ckeditor-spip-plugin.googlecode.com/svn/trunk/ ckeditorBonjour,
C’est exact je me suis trompé dans l’intitulé du fichier.
Je n’y arrive toujours pas même en appliquant tes conseils, j’attendrai que l’éditeur soit compatible, et c’est celui là que j’adopterai.
Autre remarque : ICI
article 20 où j’ai centré l’image avec l’outil de centrage du texte ;
par contre,ICI
article 21 où j’ai utilisé les propriétés de centrage de l’image.
Les codes générés par spip sont en pièce jointe de l’article 20.
Tu remarqueras que le premier cas peut être avantageux, puisqu’il déclenche le « sommaire » du couteau suisse, et place une balise sur l’image, prise au format titre.
J’avance par essais erreurs, mais parfois ça a du bon.
Encore toutes mes excuses pour ces imprécisions, j’attends avec impatience la version finale, car je suis parti pour utiliser ta formule et surtout merci pour tes conseils..
Si je suis ton lien, j’arrive sur une page où je dois m’identifier.
C’est réparé, ils étaient dans un espace réservé.
Répondre à ce message
Merci pour ce très bon plugin.
J’ai trouvé comment limiter et définir mes propres styles mais je ne vois pas comment limiter les couleurs de la police et du background. C’était possible avec FCKEditor, ça doit l’être aussi pour cette version j’imagine. Quelqu’un l’a déjà fait ?
Répondre à ce message
le plugin marche très bien, si l’instalaltion de ckeditor ne se fait pas automatiquement il faudra installer l’éditeur ckeditor manuellement, pour bien voir afficher l’editeur il faudra s’assurer de bien déposer ckeditor dans un répertoire « lib » à créer à la racine de votre site.
ne le mettez ni dans ecrire/lib, ni dans les squelettes, ni dans le répertoire du plugin.
à ce jour c’est la bonne procédure à faire pour utiliser et visualiser le plugin.
@+
Je pensais que spip créait le répertoire
libtout seul. Ce qui est faut.Il faut le créer manuellement, avant d’installer le plugin. Le reste de l’installation devrait se faire tout seul. Peut-être en supprimant à la main une fois le répertoire tmp/cache/chargeur/ckeditor si spip n’a pas réussi à l’installer la première fois (pour une raison que j’ignore).
Merci à superyms pour sa recherche et surtout ses traductions et le fait que maintenant ce plugin sera ’multilangue’
Répondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires :
|
