SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 325 visiteurs en ce moment

Accueil > Rédaction > Assistants de rédaction > CKeditor > CKeditor : Configuration avancée

CKeditor : Configuration avancée

2 mai 2011 – par Frédéric Bonnaud – commentaires

4 votes

Dans cet article nous allons pousser un peu plus loin la configuration de CKeditor.

Onglet : Configuration avancée

Cet onglet permet de configurer des options qui modifie le comportement et les fonctionnalité de CKeditor en profondeur.

Voici la liste des options :

Balises SPIP à autoriser dans CKEditor  :

cette option permet de signaler à CKeditor qu’il doit laisser inchangées certaines balises que normalement la syntaxe html lui ferait juger invalides. Ce sont les modèles SPIP qui permettent divers automatismes et qui ne sont pas gérées directement par CKeditor.

Par exemple, si vous souhaitez pouvoir rédiger des articles en plusieurs langues, il faut que vous autorisiez les balises : multi et /multi, il suffit pour cela d’ajouter à la liste de balise autorisées : multi ; /multi,

Autre exemple, si vous souhaitez autoriser les diaporamas sjcycle du plugin du même nom, vous ajouterez à la liste : sjcycleXX, les XX indiquent à CKeditor qu’il doit autoriser les balises avec un argument numérique.

Enfin, si vous voulez utiliser un modèle qui utilise ou pas un identifiant numérique, vous ajouterez à la liste : modelexx, ce sont les xx qui indiquent à CKeditor que le paramètre numérique est facultatif.

Toutes ces options pourront prochainement être configurer plus finement.

Options HTML2SPIP :

Ces options permettent de stocker dans la base de données de SPIP le texte de vos articles en utilisant la typographie SPIP au lieu de l’html utilisé nativement pas CKeditor, ceci rend inutilisable un certain nombre d’options du plugin, mais assure la comptabilité maximale avec les auteurs qui n’utilise pas CKeditor. Voir l’article : Préserver la typo SPIP avec CKeditor pour plus d’information sur les prérequis.

Utiliser CKeditor avec

Il est maintenant possible d’utiliser CKeditor avec n’importe quel champ pour lequel vous connaissez un sélecteur jQuery permettant de l’atteindre. Il suffit alors d’ajouter ce sélecteur jQuery à la liste de la partie privée ou de la partie publique.

Vous pouvez, par exemple, utilisez CKEditor avec un champ dont le nom est texte en utilisant le sélecteur : input[name=texte]

Dans tous les cas on peut choisir d’utiliser une barre d’outils basique ou complète (c-a-d : celle configurable). Pour utiliser une barre d’outils minimale ajouter |basique à la fin du sélecteur. Par exemple : input[name=texte] |basique

Options SPIP

  • Autoriser les liens/ancres de type SPIP : Cochez cette option pour pouvoir utiliser dans vos articles des liens et des ancres au format SPIP, comme par exemple : [cet article est intéressant->art 17]
  • Autoriser l’insertion des documents de n’importe quel article : Cochez cette option pour pouvoir lister depuis l’insertion de document SPIP des documents provenant d’autres articles que celui en cours de rédaction.

Les deux options intitulées Largeur maximale disponible pour les barres d’outils, en Écran large ou en Écran étroit permettent de régler des problèmes d’affichage lié aux longueurs de barre d’outils qui sont calculées en utilisant une heuristique approximative.

Langue de CKEditor : si la langue des menus, des barres d’outils et des dialogues de CKeditor n’est pas correcte, vous pouvez la forcer avec cette option.

Entrée donne et Shift + Entrée donne : ces deux options permettent de modifier le comportement de CKeditor lors de l’appui sur les touches précitées. Il y a trois possibilités :

  • p : un paragraphe sera généré par la touche Entrée,
  • div : un bloc <div> sera généré (ceci permettra de préserver les informations de mise en page),
  • br : un simple saut de ligne <br/> sera généré.

Options CSS : ces options permettent d’utiliser dans CKeditor les mêmes feuilles de style CSS que celles du site, permettant un meilleur affichage en mode WYSIWYG. Il faut préciser les chemins complets (urls absolues) pour être sûr que cela fonctionne.

Liste de contextes : En parallèle avec les feuilles de styles CSS, vous pouvez préciser une liste de contextes qui permettront de prévisualiser votre article dans CKeditor comme il apparaîtra sur le site suivant le contexte dans lequel il est affiché.

Imaginons que vous ayez l’habitude d’afficher vos articles soit, dans un <div id="contenu">, soit dans un <div class="colonne">, et que votre feuille de style permette une mise en page différente suivant ces deux contextes.

Dans ce cas, vous entrerez comme Liste de contextes : #contenu|comme contenu standard; .colonne|affichage en colonne. Ceci affichera un menu déroulant

permettant de choisir l’identifiant CSS ou la classe CSS du <body> de CKeditor. La partie |.... dans la liste est faculative, elle permet d’afficher un texte explicatif plutôt que l’identifiant ou la classe CSS dans le menu déroulant.

URL du site : a priori vous n’avez à remplir ce champ que si CKeditor se trompe dans les urls qu’il utilise (par exemple, des images n’apparaissent pas, ... )

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

Retour en haut de la page

Vos commentaires

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

  • noiZetier v2

    9 novembre 2012 – 36 commentaires

    Le noiZetier offre une interface d’administration permettant d’insérer au choix des éléments modulaires de squelettes (noisettes) et de les ajouter ainsi à ses squelettes. Compatibilité La version 2 du noizetier fonctionne sous SPIP 3. Elle est (...)

  • cirr : plugin « rédacteur restreint »

    29 octobre 2010 – 60 commentaires

    Ce plugin « cirr : rédacteur restreint » permet d’affecter des rubriques aux rédacteurs et modifie les droits afin qu’un rédacteur restreint (ou un administrateur restreint) voit dans l’espace privé uniquement les rubriques qui lui sont affectées (et leur (...)

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

Ça spipe par là