SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

251 Plugins, 182 contribs sur SPIP-Zone, 52 visiteurs en ce moment

Accueil du site > Rédaction > Assistants de rédaction > CKeditor > CKeditor 3.0

CKeditor 3.0

4 octobre 2009 – par Frédéric Bonnaud – 133 commentaires

35 votes

FCKeditor est mort ! Vive CKeditor !

CKeditor est l’évolution de l’éditeur WYSIWYG : FCKeditor, avec ce plugin vous pourrez utiliser cet éditeur à la place de l’éditeur de spip tout en laissant le choix à vos auteurs de l’éditeur qu’ils préfèrent utiliser.

Attention : cet éditeur WYSIWYG risque de détruire la belle charte graphique de votre site, ainsi qu’empêcher la mise à jour simplifiée de celle-ci. Avec ce plugin, le déplacement de votre site nécessitera l’édition manuelle de chaque article contenant des liens internes si vous déplacez votre site dans un autre répertoire.

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 :

Zip - 25.5 ko
Plugin CKeditor

Vous pouvez préférez la version de développement qui se trouve

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

P.-S.

L’utilisation de ce type d’éditeur WYSIWYG permet difficilement de maintenir une charte graphique cohérente. Prévenez vos rédacteurs de limiter le recours aux enrichissements trop exotiques.

Retour en haut de la page

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

    PNG - 25.3 ko

    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.
    En effet, j’utilise le plugin jeux, et je voudrais que tout ce qui est entre 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

    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/...

      JPEG - 51.7 ko

    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

Répondre à cet article

Qui êtes-vous ? (optionnel)

Pour afficher votre trombine avec votre message, enregistrez-la d'abord sur gravatar.com (gratuit et indolore) et n'oubliez pas d'indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici
  • Ce formulaire accepte les raccourcis SPIP et le code HTML. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Diapos

    10 mars – 43 commentaires

    Comme son nom l’indique, c’est un (petit) plugin qui rappelle un peu le fonctionnement d’un projecteur de diapositives. Seules contraintes : il nous faut des images ayant la même largeur et il nous faut numéroter les images. Il suffit pour cela de (...)

  • Essayez SPIP 2.1-RC

    19 mars – commentaire

    La version Release Candidate de SPIP est sortie de la forge.

  • Inscription 2

    4 juin 2007 – 414 commentaires

    Ce "plugin" permet de configurer un formulaire d’inscription personnalisable pour les visiteurs d’un site Web, ainsi qu’une table auteur étendue associée, ce de manière générique (réutilisable par d’autres plugins)... ! Le paquet zip disponible n’est (...)

  • Le plugin FreepapeR 2 v0.9.0

    10 mars – commentaires

    Un outil pour visualiser en ligne les fichiers PDF. Cette nouvelle version intègre une présentation "Livre". L’outil est installé sur son propre serveur, pour des documents toujours disponibles et jamais altérés... Il n’y a aucune dépendance envers (...)

  • plugin Forms : création de formulaires

    25 octobre 2006 – 657 commentaires

    Documentation basique du plugin Forms pour son volet création de formulaires.