SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 175 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 – 1216 commentaires

199 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 :

Zip - 252.6 ko
Version 0.16.23

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 : http://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 26 janvier 2016

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 29 novembre à 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 à 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 à 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 à 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 à 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

  • Le 7 mai 2015 à 19:11, par jmfre En réponse à : CKeditor 3.0

    Bonjour

    J’utilise depuis plusieurs années des plugins pour ck que je range dans /squelettes/ckeditor/*

    Je viens de passer en Spip 3 et les icônes de ces plugins n’apparaissent plus dans les barres d’outils de CKéditor, même après déclaration dans l’onglet « Plugin » de la configuration.

    Quelqu’un aurait-il rencontré le même problème ?

    Auriez-vous une piste ou une solution ?

    Bonne soirée

    Cordialement

    Jean-Michel

    • Le 15 mai 2015 à 05:48, par jmfre En réponse à : CKeditor 3.0

      Bonjour

      Résolu par

      • suppression du plugin ckéditor pour spip
      • effacement de l’entrée concernant la configuration de CK dans la table spip_meta
      • réinstallation du plugin

      merci pour ce super plugin !

    • Le 15 mai 2015 à 08:38, par jmfre En réponse à : CKeditor 3.0

      Nouvelle curiosité :

      • Les boutons des plugins ne sont pas vu depuis l’interface publique (crayons)
      • Les boutons des plugins sont correctement vus et fonctionnels depuis l’interface privée

      Si quelqu’un à une idée...

    • Le 22 août à 10:20, par Pierrot En réponse à : CKeditor 3.0

      Bonjour,
      J’ai rangé plusieurs plugins de CKEDITOR dans /squelettes/plugins/ckeditor. Ils apparaissent bien dans le menu de conf de ckeditor de la partie privée. J’ai beau les activer (plugin et bouton) je ne les voie pas dans la barre d’outils de ck quand j’édite un article. En revanche, les outils d’origine sont bien toujours présents. Faut-il activer une barre d’outils particulière dans la partie Avancée de la conf de ck ou y a-t-il une autre manip. La ré-installation de ck expliquée par jmfre ne fonctionne pas sur mon SPIP 3.1.1 [22913]
      Merci pour votre aide.

    • Le 22 août à 15:44, par Pierre KUHN En réponse à : CKeditor 3.0

      Bojour,

      Faut mettre dans plugins/ et pas dans squelettes/

    • Le 24 août à 03:01, par Pierrot En réponse à : CKeditor 3.0

      Effectivement, je suis étourdi ... merci pour votre réponse.

    Répondre à ce message

  • Le 18 juillet à 15:54, par papa.troll En réponse à : CKeditor 3.0

    KCFinder & CKeditor

    Bonjour,
    Comment activer CKFinder avec CKeditor sous le SPIP 3.1 ?
    Je mets les fichiers CKFinder à lib / dossier, mais il les mêmes fenêtres par défaut lorsque je tente de télécharger ou ajouter une photo dans l’article.


    How to activate KCfinder with CKeditor under the SPIP 3.1 ?
    I put KCfinder files to lib/ folder, but there the same default windows when I try to upload or add photo in the article.


    Merci d’avance

    Répondre à ce message

  • Le 4 mai à 14:44, par Seb En réponse à : CKeditor 3.0

    bonjour je voudrais mettre une classe expose qui laisse apparaitre le titre de l’image et le #DESCRIPTIF_SITE_SPIP mais je ne trouve pas où placer le code

    [ class=« (#EXPOSER) »][ title=« #TITRE - (#DESCRIPTIF_SITE_SPIP|attribut_html) »]
    j’ai tenté dans saisies/case_image.html
    mais visiblement ce n’est pas là
    SPIP 3 dernière version de CK editor

    c’est pour le site www.judoenlignes.com
    je veux insérer sur les images un copyright général qui est dans descriptif du site et qui est donc modifiable

    merci de votre aide

    Répondre à ce message

  • Le 20 avril à 22:29, par Kris En réponse à : CKeditor 3.0

    pour corriger un pb de dépréciation j’ai voulu mettre à jour le plugin mais j’ai le même message que mister normandie à savoir :
    CKEditor version 3.6.1 est installé, ce plugin préférerait la version 3.6.5. Veuillez d’abord désintaller la version actuelle.
    franchement je vois pas car j’ai bien pris la dernière archive, tout désinstaller et supprimer
    Une idée ?

    Répondre à ce message

  • Le 25 mars à 14:10, par Kevin En réponse à : CKeditor 3.0

    Bonjour, je ne parvient pas activer le plugin dans la dernière version de spip (3.1.1) ni dans sa précédente (3.1.0).

    J’ai un message d’erreur provenant d’un squelette :

    Aucun squelette svp_presenter_actions n’est disponible...

    Alors que ce fichier est bien présent.

    Merci pour vos futures réponses

    Répondre à ce message

  • Le 3 février à 19:21, par dut En réponse à : CKeditor 3.0

    Le plugin est bien pris en compte sur un site en SPIP3.1,mais dans les options de conversion le message

    La librairie html2spip n’est pas installée. Vous ne pouvez bénéficier de la traduction automatique du HTML vers SPIP. Veuillez d’abord installer la librairie html2spip dans le répertoire lib/.

    Continue à s’afficher obtinément, malgré le fait de poser le repertoir de l’archive à l’endroit demandé. Incompatible spip3.1 ?

    Répondre à ce message

Répondre à cet article

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

  • Champs Extras 3

    16 janvier 2012 – 534 commentaires

    Ce plugin permet de créer et/ou de gérer des champs supplémentaires dans les objets éditoriaux de SPIP. Il permet donc de prendre en compte et d’afficher de nouveaux éléments dans n’importe quel objet éditorial de SPIP. Screencast Vous n’aimez pas (...)

  • Réservation d’événements

    16 mars 2015 – 190 commentaires

    Ce plugin permet d’offrir aux visiteurs de s’inscrire pour un évènement du plugin Agenda et de gérer les réservations enregistrées. Installation Le plugin s’installe comme n’importe quel plugin. il nécessite : Agenda API de vérification (...)

  • Les crayons

    23 avril 2008 – 815 commentaires

    Ce plugin permet d’éditer les contenus sur les pages publiques du site, sans passer par l’espace privé de SPIP.

  • LESS pour SPIP : Less-CSS (anciennement LESSpip)

    5 novembre 2010 – 43 commentaires

    Less-CSS (Anciennement LESSpip) est un plugin intégrant facilement le logiciel LESS dans SPIP. LESS est une extension de CSS ajoutant les variables, les classes, les opérations, les imbrications au langage. Facilitant ainsi l’écriture de (...)

  • Recommander

    3 avril 2011 – 16 commentaires

    Ce plugin propose une manière simple de suggérer de recommander par email un article à un ami. Fonction « recommander un article à un ami ». On l’ajoute dans n’importe quel squelette sous la forme : #RECOMMANDERtitre de la page,url de la page,intro (...)

Ça spipe par là