SPIP-Contrib

SPIP-Contrib

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

246 Plugins, 178 contribs sur SPIP-Zone, 253 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 – 125 commentaires

33 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

125 Messages de forum

Voir toute la discussion

Pages 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | ...

  • Répondre à ce message

    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

    7 février 19:11

    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

    6 février 22:29

    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

    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.

  • Répondre à ce message

    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

  • Répondre à ce message

    4 février 11:46, par superyms

    pardon mais la dernière version du plugin se trouve à http://code.google.com/p/ckeditor-s...

    merci d’utiliser cette version qui corrige plein de bugs (lire aussi notice d’installation).

    @+

  • Répondre à ce message

    4 février 08:58, par zboob

    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

    3 février 10:57, par pycos

    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

    3 février 10:32, par antony

    Bonjour,

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

    Anto

  • Répondre à ce message

    2 février 22:40

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

Pages 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | ...

Répondre à cet article

Retour en haut de la page

Ça discute par ici

  • Le Couteau Suisse

    4 mai 2007 – 835 commentaires

    Ce plugin propose d’introduire facilement de simples fonctionnalités supplémentaires à SPIP et qui s’avèrent rapidement indispensables ! Par exemple : des filtres supplémentaires, des balises pratiques, des facilités typographiques, le contrôle de (...)

  • Squelette Median

    22 juin 2009 – 77 commentaires

    Un squelette généraliste, valide XHTML, et configurable. Sites de démonstration : en es fr

  • Social tags

    8 septembre 2008 – 121 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via CFG. Insertion dans les pages Le plugin (...)

  • Squelettes SPIP Reset !

    5 février – commentaires

    Un squelette pour ne rien publier ! Il ne fait rien, mais il le fait à fond ! Objectif Voici un squelette dont le but est d’éviter que du contenu puisse percoler via les squelettes de la dist. En effet, lorsque l’on crée un site sous SPIP, il est (...)

  • Formulaire de participation à un événement

    23 janvier – 16 commentaires

    Cet article tente de rassembler des informations au sujet de l’affichage d’un formulaire de participation aux événements gérés par le plugin Agenda développé par Cédric Morin. La version 2 du plugin Agenda permet d’afficher dans l’espace public des (...)