WordPress : Comment puis-je ajouter des styles de texte personnalisés à l’éditeur de texte visuel ?

Publié par Jean-Michel le

Par défaut, un auteur peut sélectionner parmi Paragraphe, Adresse, Préformaté, Titre 1, etc.

Par exemple, j’aimerais que l’auteur ait la possibilité d’envelopper visuellement le texte sélectionné dans une balise, sans jamais voir la balise.

Est-ce que TinyMCE Advanced est la seule/meilleure solution ?

Solution n°1 trouvée

En supposant que vous utilisez WP 3.2+ et un thème à jour, le fichier editor-style.css doit contenir les styles de l’éditeur. Si vous n’en avez pas, créez-le simplement au même endroit que style.css Le style apparaît dans la liste déroulante Styles et non dans la liste déroulante des types de paragraphe que vous avez référencée dans la question. Cela signifie en effet que vous devez étendre la liste des boutons en utilisant TineMCE advanced ou l’un des plugins similaires (ou vous pouvez faire la configuration vous-même dans TinyMCE mais cela ne semble pas vraiment en valoir la peine).

Vous pouvez également inclure tous les styles de votre thème actuel avec :

@import url("style.css");

Cela rend TOUS les styles disponibles, ce qui peut être plutôt exagéré et peut parfois rendre l’éditeur inutilisable en raison de conflits de styles.

Solution n°2 trouvée

Je pense que vous devez implémenter votre propre plugin TinyMCE, ce qui vous permettra d’envelopper le texte sélectionné. Lisez les articles suivants, qui vous donneront des connaissances de base dans ce domaine :

  1. TinyMCE
  2. Boutons personnalisés TinyMCE
  3. Écrire un plugin TinyMCE dans WordPress

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *