SPIP-Contrib

SPIP-Contrib

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

251 Plugins, 182 contribs sur SPIP-Zone, 39 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

133 Messages de forum

Voir toute la discussion

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

  • Répondre à ce message

    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

    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

    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

    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

    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.
    @+

  • Répondre à ce message

    1er mars 21:53

    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

    18 février 13:37

    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

    17 février 10:31

    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

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

    JPEG - 51.7 ko

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

Répondre à cet article

Retour en haut de la page

Ça discute par ici

  • FancyBox

    25 mars 2009 – 115 commentaires

    Adaptation du script FancyBox pour jQuery en plugin SPIP. Liste des fonctionnalités reprise depuis le site original : ajoute un joli effet d’ombre portée sous la fenêtre possibilité de grouper les images pour naviguer dans les séries d’éléments (...)

  • Diapos

    10 mars – 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 (...)

  • CleverMail

    20 janvier – 59 commentaires

    CleverMail est un plugin permettant d’envoyer des lettres d’informations à des abonnés depuis SPIP. Issu au départ d’un développement libre complètement indépendant de SPIP, il a connu une première version pour SPIP 1.9 avant d’être complètement réécris (...)

  • Découper un texte en pages et/ou en onglets

    4 mai 2007 – 190 commentaires

    Un raccourcis typographique qui découpe le texte de vos rubriques ou de vos articles en plusieurs pages, ou crée pour vous des onglets... Rubis sur ongle ! Introduction Les articles de votre site sont parfois un peu longs et vous vous êtes (...)

  • Barre typographique multilingue

    13 août 2007 – 61 commentaires

    Des onglets pour gérer les balises multi.