Configurer les profils de TinyMCE dans CMS Made Simple
TinyMCE est un plugin javascript qui permet de transformer une simple <textarea> en un véritable traitement de texte. Il m'intéresse particulièrement car c'est celui qui est installé par défaut dans CMS Made Simple.
Dans CMSMS, on peut paramétrer les contrôles disponibles dans la barre d'outils pour chaque type d'utilisateur (administrateur, utilisateur back-end ou utilisateur front-end). Il faut aller dans Extensions > Éditeur TinyMCE WYSIWYG puis dans l'onglet Profils.
Principaux contrôles utiles
Valeur | Image | Description |
---|---|---|
styleselect | Permet d'appliquer une classe CSS à l'élément sélectionné. Apparaissent dans la liste toutes les classes présentes dans le(s) fichier(s) CSS attaché(s) au gabarit de la page. | |
formatselect | Permet de modifier le type de l'élément sélectionné. Il est possible de définir les éléments de la liste dans l'onglet Avancé du module TinyMCE. | |
fontselect | Permet de modifier la police du texte sélectionné. La police sera bien affiché dans le navigateur à condition que la police soit installée sur le poste. | |
fontsizeselect | Permet de modifier la taille de la police. Taille en small, medium, large... | |
bold | Graisse le texte sélectionné. Enveloppe avec une balise <strong>. | |
italic | Italise le texte sélectionné. Enveloppe avec une balise <em>. | |
underline | Souligne le texte sélectionné. | |
strikethrough | Barre le texte sélectionné. | |
justifyleft | Justifie à gauche le contenu de l'élément sélectionné. | |
justifycenter | Centre le contenu de l'élément sélectionné. | |
justifyright | Justifie à droite le contenu de l'élément sélectionné. | |
justifyfull | Justifie à droite et à gauche le contenu de l'élément sélectionné. | |
bullist | Crée une liste à puces. | |
numlist | Crée une liste ordonnée. | |
undo | Annule la dernière modification. | |
redo | Annule l'annulation :) | |
link | Crée un lien hypertexte sur le texte sélectionné. | |
unlink | Supprime un lien. | |
anchor | Crée une ancre dans le contenu. | |
image | Appelle le Filepicker qui permet d'insérer une image dans le contenu. | |
charmap | Permet l'insertion de caractères spéciaux. | |
cleanup | Nettoie le code HTML du contenu. | |
forecolor | Permet la modification de la couleur du texte sélectionné. | |
backcolor | Permet la modification de la couleur de fond du texte sélectionné. | |
code | Affiche le code HTML du contenu. | |
spellchecker | Active le correcteur d'orthographe. Sélectionner la langue à l'aide de la flèche. | |
separator | Permet de grouper les contrôles en ajoutant des séparateurs. | |
help | Affiche les informations de versions du plugin TinyMCE ainsi que la liste des plugins disponibles. |
La liste de tous les contrôles est disponible à cette adresse : http://www.tinymce.com/wiki.php/TinyMCE3x:Buttons/controls
Pour plus d'infos sur TinyMCE : www.tinymce.com
Exemples de profils
formatselect,bold,italic,underline,separator,bullist,numlist,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,link,unlink,separator,image,charmap
bold,italic,underline,separator,bullist,numlist,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,link,unlink,separator,charmap
bold,italic,underline,separator,bullist,separator,link,unlink,separator,charmap
bold,italic,underline,separator,link,unlink