SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Rédaction > Assistants de rédaction > CKeditor > CKEditor et les modèles SPIP

CKEditor et les modèles SPIP

9 décembre 2012 – par Frédéric Bonnaud – 11 commentaires

9 votes

Le plugin CKEditor pour SPIP permet d’utiliser les modèles SPIP sans que le rédacteur ait à en connaître la syntaxe précise.

Ceci nécessite toute fois une configuration importante de la part de l’administrateur qui, lui, doit connaître la syntaxe et l’utilisation précise de ces modèles.

Les modèles SPIP sont très différents les uns des autres. On a, par exemple :

  • des modèles qui n’ont pas de balise fermante (comme par exemple la balise : <img>)
  • des modèles qui ont une balise fermantes (comme par exemple la balise : <cadre>...</cadre>)
  • des modèles dont les paramètres utilisent une syntaxe avec le pipe (comme par exemple la balise : <imgXX|left>)
  • des modèles dont les paramètre utilisent une syntaxe html (comme par exemple la balise : <cadre class="javascript">...</cadre>)

Configuration

CKEditor étant un éditeur WYSIWYG, le plugin CKEditor pour SPIP se devait de permettre d’utiliser ces balises sans en connaître les particularités.

Pour cela, l’administrateur doit utiliser l’onglet « Configuration des modèles SPIP »

Tout commence par la création d’un « Nouveau modèle », SPIP demande alors le nom du modèle, il faut que ce soit le nom de la balise que l’administrateur compte permettre à ses rédacteurs d’utiliser dans CKEditor, par exemple : cadre pour utiliser le modèle SPIP <cadre>.

Ce modèle sera disponible dans CKEditor via une liste déroulante, l’administrateur doit préciser comment apparaîtra ce modèle dans la liste. C’est l’objet des deux champs :

  • « Intitulé dans la liste déroulante »,
  • « Description du modèle » (c’est à dire, le contenu de la bulle d’aide).

Ensuite, il doit indiquer si le modèle est numérique. Par exemple, pour une image, on précisera : modèle « numérique », puis que cette valeur représente « un document ». De cette façon le plugin, proposera une liste des identifiants des documents SPIP (avec leur nom).

Enfin, on précise si le modèle est un modèle à balise fermantes. Comme les modèles à balises fermantes ont un contenu, et que ce contenu sera interprété par SPIP lors de la réédition du texte [1], il faut préciser au plugin si on doit protéger le contenu de cette interprétation en protégeant certains caractères (le plus simple est de protéger : {}[].

Reste à configurer la façon dont devront être gérés les paramètres des modèles.

Paramètres des modèles

La première chose à configurer, c’est la syntaxe avec laquelle ces paramètres devront être insérés par le plugin :

  • soit la syntaxe spip, exemple : <sjcycle16|center|docs=101,102,103,104|id_diapo=1>,
  • soit la syntaxe html, exemple : <cadre class="spip">...</cadre>

Le plugin permet ensuite de configurer des listes de paramètres sélectionnables que le rédacteur pourra utiliser au lieu de connaître tous les paramètres de la balise.

Il suffit d’ajouter à la liste tous les paramètres que l’administrateur souhaite proposer à ses rédacteurs. Puis pour chaque paramètre, il faut indiquer la listes des valeurs qui peuvent être documentées pour les rédacteurs. Il suffit donc d’ajouter chaque valeur, puis l’intitulé sous lequel cette valeur apparaîtra dans la liste déroulante proposant les valeurs.

Exemples :

Un bon (espérons-le) dessin valant mieux qu’un long discours ...
Le modèle <cadre>
Dans la configuration vous entrez :

Ce qui permet d’obtenir dans la barre d’outils de CKeditor :

Puis, la boite de dialogue suivante :

PS : les dernières versions ont une interface de configuration légèrement différente.

Notes

[1le contenu de la zone d’édition passe par le filtre propre avant d’être passé à CKEditor

Dernière modification de cette page le 10 décembre 2012

Retour en haut de la page
Chargement en cours...

Ça discute par ici

  • Flux RSS configurable

    8 avril 2011 – 68 commentaires

    Ce plugin vous permet de personnaliser le fonctionnement de votre flux RSS à l’aide d’un formulaire dans l’espace privé. Instalation Pour fonctionner, ce plugin nécessite que le plugin Itérateurs soit installé et activé sur votre site. Par (...)

  • Réservation d’événements

    16 mars 2015 – 421 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 Facteur (...)

  • PHANTOM (HTML5UP)

    18 juillet – 27 commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • Site multilingue facile

    3 mai 2012 – 104 commentaires

    Site multilingue facile permet de mettre en place facilement un site multilingue avec une langue par secteur. Introduction Même si le multilinguisme est nativement intégré dans spip, réaliser un site multilingue n’est pas toujours évident. Ce (...)

  • CKeditor 3.0

    4 octobre 2009 – 1233 commentaires

    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 (...)