CKeditor 3.x et 4.x

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.

Ceci devient totalement faux si vous préservez la typographie spip

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 :

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 :

ckeditor-spip3-plugin
(0.17.1)

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.

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 :

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ètes

Vous 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 !

Avertissement !

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, ou mieux : limitez l’utilisation dans ce plugin l’accès aux seules fonctions de l’éditeur que vous souhaitez leur offrir.

Discussion

370 discussions

  • 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

  • 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

  • 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

  • 2

    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

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

    • 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

  • 1

    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 !!! ;-)

    Répondre à ce message

  • 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

  • 1

    Il m’est impossible d’avoir l’interface de CKEditor pour l’édition d’un article ou brève.

    Et quand je l’obtiens, je n’ai qu’un texte affichant les balises html dans le champ de texte...

    C’est d’autant plus étonnant qu’une précédente installation s’est bien déroulée...

    Config : spip 2010 et dernière version CKEditor 7

    Répondre à ce message

  • 2

    Bonjour,

    Suite à la migration de mon site vers la version spip 2.0.10, j’ai un soucis. D’abord avec Fckeditor puis Ckeditor. Dans les dernières versions.

    En partie administrative :

    Quand je modifie la Date de rédaction antérieure, le contenu texte de l’article est perdu !
    si je désactive Ckeditor (ou précédemment Fckeditor) plus de problème mon contenu n’est plus effacé lors de la modification de date.

    Je peine à trouver une solution.

    Cordialement,

    Pierre-Yves

    • Bonjour,

      j’ai exactement le meme probleme ... j’ai beau chercher mais à part enlever ckeditor pour le moment je vois pas :(

      Anto

    • Bonjour Anthony,

      Dans l’attente il reste la solution de redescendre vers la version à la spip-2.0.9, où la ca marche.

      Ca va être gênant à un moment à un moment donné pour garder le site à peu près à jour.

      J’avoue ne pas être assez compétent pour mettre le nez dans le code.
      Mais si j’ai des news je relaierai...

      Pierre-Yves

    Répondre à ce message

  • Boyquotes

    Bonjour,

    Plugin très pratique et bien complet, merci.

    Cependant j’ai trouvé un bug quand on insérer un lien spip vers un lien interne, il ajoute un amp ; en trop dans le lien.

    Sinon j’ai testé l’insertion d’une balise spip (#FORMULAIRE) en la déclarant dans l’onglet de config de ckeditor mais ça ne l’a pas pris en compte, peut-être que cette possibilité n’est pas encore implémenté complètement.

    SPIP 2.0.10 et Ckeditor 3.0 SVN 4310 ou plus

    bonne journée.

    Répondre à ce message

  • j’ai la barre de CK editor collé à droite et inutilisable. Pourtant je suis en Spip 2.10

    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 :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

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.

Qui êtes-vous ?
[Se connecter]

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 champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom