SPIP-Contrib

SPIP-Contrib

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

290 Plugins, 198 contribs sur SPIP-Zone, 72 visiteurs en ce moment

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

CKeditor 3.0

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

203 votes

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)

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 :

Version 0.16.25

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.

Vous pouvez consulter les articles :

Incompatibilités

Ce plugin est incompatible avec le plugin Multilang.

SVN

ckeditor-spip-plugin est sur la zone !

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

Dernière modification de cette page le 9 novembre 2017

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 15 février à 16:54, par LaLy En réponse à : CKeditor 3.0

    Bonjour,

    J’utilise CKeditor depuis plusieurs année, et avec la version 3.0 j’ai un problème qui est apparu sur tel mobile (android et iphone).
    Il est impossible de mettre un texte de message sur le forum d’un article ou d’une breve, le titre est disponible, mais le texte est grisé.

    Je reussi à contourner le problème en mettant comme mode d’édition Spip par défaut dans la configuration de CKeditor, ce qui est lourd pour les rédacteurs.

    Merci

    Répondre à ce message

  • Le 11 février à 15:09, par Bruno En réponse à : CKeditor 3.0

    Bonjour et merci pour ce plugin
    Un petit pb sous SPIP 3.1.7 et ckeditor 0.16.25
    dans Avancée -> options CSS, la feuille de style n’est pas pris en charge

    Par avance merci pour votre aide
    Bruno

    Répondre à ce message

  • Le 15 décembre 2017 à 02:07, par Abdoul Kader Ouedraogo En réponse à : CKeditor 3.0

    Bonjour à tous, j’ai activé le https sur mon site et changer tous les liens http en https et aussi dans identité du site de spip 3.2.0
    Mais j’avais toujours un avertissement à droite du navigateur genre bouclier mais en fouillant dans les codes source de la page je vois que CKeditor 3.0 utilise des font google avec http comme lien au lieu de https quand je suis parti désactivé le plugins CKeditor 3.0 le bouclier a disparu sur mon site et c’est devenu ok.
    Comment faire pour avoir CKeditor activé et sans alerte à droite du navigateur.
    merci

    • Le 15 décembre 2017 à 09:56, par Maïeul En réponse à : CKeditor 3.0

      La version 0.16.25 prochainement disponible corrige ce problème (pour les gg font)

    Répondre à ce message

  • Le 15 octobre 2017 à 08:51, par jlgenet En réponse à : CKeditor 3.0

    Bonjour
    j’aimerais rendre le plugin compatible 3.2 !
    Est-ce simple, l’avez-vous prévu ?
    Si simple, comment faire ?
    Merci
    Cordialement
    Jean-Luc

    • Le 20 octobre 2017 à 13:02, par spipheure En réponse à : CKeditor 3.0

      Bonjour

      Avez vous trouvé le moyen de le rendre compatible avec SPIP 3,2 ?

    • Le 20 octobre 2017 à 13:04, par Maïeul En réponse à : CKeditor 3.0

      Avez vous essayé en modifiant les bornes dans plugin.xml/paquet.xml ? parfois cela suffit.

    • Le 21 octobre 2017 à 17:02, par spipheure En réponse à : CKeditor 3.0

      oui merci pour votre réponse,
      c’est exactement ce qu’il fallait faire.

      Bonne journée

    • Le 21 octobre 2017 à 17:56, par Maïeul En réponse à : CKeditor 3.0

      Tout marche-t-il correctement ? Si oui, nous pourrons modifier directement dans le zip.

    • Le 21 octobre 2017 à 19:27, par spipheure En réponse à : CKeditor 3.0

      J’ai pas tester l’intégralité des fonctionnalités mais au niveau édition de texte et configuration cela a l’air d’être ok

    • Le 21 octobre 2017 à 20:23, par Maïeul En réponse à : CKeditor 3.0

      ok, j’ai modifié la version diffusée.

    • Le 27 novembre 2017 à 16:06, par paidge En réponse à : CKeditor 3.0

      Bonjour,
      J’ai installé ce plugin sur un SPIP mutualisé en v3.1.6. Ça a l’air de fonctionner sauf que je n’arrive pas à afficher, entre autres, les boutons de coloration du texte et du background... Alors j’ai voulu installer un plugin pour CKeditor (colorButton) dans le dossier SQUELETTES. Problème, CKeditor pour SPIP n’arrive pas à le détecter. J’ai été obligé de modifier le fichier ./plugins/auo/ckeditor/v0.16.24/formulaires/configurer_ckeditor_p7.php à la ligne 11 pour rajouter un slash à la fin du paramètre de la fonction find_in_path. Maintenant ça le détecte et je peux le pramétrer. Mais aucun bouton ne s’affiche....3h après, je n’y arrive tjrs pas. Des idées ?

    Répondre à ce message

  • Le 21 octobre 2017 à 22:15, par RealET En réponse à : CKeditor 3.0

    > Details : http://zone.spip.org/trac/spip-zone/changeset/99219
    A introduit un bug d’incompatibilité avec le plugin Galeria : http://contrib.spip.net/Galleria-fr
    Dans la configuration de CKEditor, j’ai demandé à ce que galleriaXX soit autorisé :
    ecrire/ ?exec=configurer_ckeditor_p3
    Balises SPIP à autoriser dans CKEditor : docXX ;imgXX ;galleriaXX ;formulaire ;videoXX

    Avant ton commit, ça marchait.
    Depuis ton commit, ça garde du HTML de galleria

    Bref, galère !

    Répondre à ce message

  • Le 4 décembre 2016 à 19:11, par richard En réponse à : CKeditor 3.0

    Bonjour,

    je suis admiratif devant des plugins aussi complets et je remercie tous les programmeurs, mais je suis déçu par ce plugin ; j’ai un pb avec les images ;
    la lib html2spip-0.6 ets bien trouvée ; mais les images apparaissent dans l éditeur quand elles veulent ; elles disparaissent du code et tout est perdu !j’ai bien configuré dans le plugin pour la conversion ;c’est vrai que ça marche et c’est super ; puis, je réouvre l’article avec l’éditeur et tout à disparu ; les images et le code
    jai derniere fersion du plugin et spip 3.1.3

    Y a t’il une solution

    • Le 28 mars 2017 à 16:51, par JMR En réponse à : CKeditor 3.0

      J’ai remarqué qu’en rechargeant la page d’édition d’un article (touche F5 par exemple), les images réaparaissent. Le code spip des images ne semble pas être interprété à l’ouverture de l’édition et le rechargement permet de les afficher. Mais le pourquoi et comment résoudre, aucune idée...

    Répondre à ce message

  • Le 29 novembre 2016 à 14:39, par richard En réponse à : CKeditor 3.0

    j’ai spip3.1.3
    et le dernier ckeditor,
    quand j’inserre une image, elle est toujours réduite avec maxwidth à 200px
    pourtant, dans spip et ckeditor j’ai fais ce qu’il fallait, options pour les vignettes pas de taille (à blanc)

    Merci d’avance

    Répondre à ce message

  • Le 12 février 2014 à 11:29, par Eddy En réponse à : CKeditor 3.0

    J’ai le plugin en version 0.16.15 avec un spip 3.0.14 et il m’est impossible de configurer la taille maximale d’affichage d’une image.

    Lorsque je modifie le paramètre dans Options pour les vignettes, celui ci est constamment réinitialisé à 200 et toutes valeurs données à l’image directement n’est pas prise en compte en visualisation, même si dans l’éditeur elle apparait normalement.

    Des idées ? C’est un soucis connu ?

    • Le 29 novembre 2016 à 13:59, par richard En réponse à : CKeditor 3.0

      j’ai le même problème et c’est pénible de pas trouver un truc simple pourtant et élémentaire

    Répondre à ce message

  • Le 21 septembre 2016 à 23:25, par Monsieur Pixel En réponse à : CKeditor 3.0

    Bonjour,
    est il prévu de rendre ckeditor compatible avec android (çà ne fonctionne pas, la barre d’outil ne se charge pas sous android) ? Peut-on aussi utiliser ckfinder ?
    merci pour ce plugin, en tout cas
    William

    Répondre à ce message

  • Le 19 septembre 2016 à 15:44, par richard En réponse à : CKeditor 3.0

    spip3.0.22
    ckeditor 0.13.23
    à l’activation du plugin message d’erreur :
    Le plugin ckeditor-spip3-plugin dépend de SAISIES [1.27. ;]
    de plus,
    le plugin kcfinder 3.12 n’apparaît pas dans la liste des plugins (tous), pourtant il est bien dans le rep plugins comme les autres

    Merci de votre aide

    • Le 19 septembre 2016 à 22:19, par richard En réponse à : CKeditor 3.0

      Je me réponds à moi-même
      il faut d’abord installer les plugins saisie et yaml
      c’est pas écrit dans la doc ?!
      je l’ai vu en dépliant dans la liste des plugins le lien sur ckeditor
      Revoir la doc et préciser ; merci

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Mailsubscribers

    16 janvier 2013 – 407 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes de (...)

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)

  • Convertir un site SPIP 3 en utf-8 avec le plugin Grenier

    8 janvier 2014 – 22 commentaires

    SPIP 3 fonctionne nativement avec l’encodage universel unicode utf-8. Sur certains sites (par exemple sur une mise à jour), on peut avoir un site qui est resté en iso-latin ce qui n’est pas conseillé (source de bugs, d’incompatibilité, ...) . (...)

  • Nouvelle version - Modération de modifications

    29 janvier 2012 – 49 commentaires

    Suite à une migration depuis SPIP-Agora, j’ai développé ce plugin permettant de reprendre la fonctionnalité « Nouvelle version » inexistente sur SPIP2 ni sur SPIP3 Ce plugin permet d’étendre le work-flow de -rédaction-publication d’un article au cas d’un (...)

  • ScolaSPIP 4

    19 janvier 2016 – 358 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)