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.

éditeur TinyMCE

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 style select 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 format select 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 font select 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 font size select Permet de modifier la taille de la police. Taille en small, medium, large...
bold bold Graisse le texte sélectionné. Enveloppe avec une balise <strong>.
italic italic Italise le texte sélectionné. Enveloppe avec une balise <em>.
underline underline Souligne le texte sélectionné.
strikethrough strike through Barre le texte sélectionné.
justifyleft justify left Justifie à gauche le contenu de l'élément sélectionné.
justifycenter justify center Centre le contenu de l'élément sélectionné.
justifyright justify right Justifie à droite le contenu de l'élément sélectionné.
justifyfull justify full Justifie à droite et à gauche le contenu de l'élément sélectionné.
bullist bullist Crée une liste à puces.
numlist numlist Crée une liste ordonnée.
undo undo Annule la dernière modification.
redo redo Annule l'annulation :)
link link Crée un lien hypertexte sur le texte sélectionné.
unlink unlink Supprime un lien.
anchor anchor Crée une ancre dans le contenu.
image image Appelle le Filepicker qui permet d'insérer une image dans le contenu.
charmap charmap Permet l'insertion de caractères spéciaux.
cleanup cleanup Nettoie le code HTML du contenu.
forecolor forecolor Permet la modification de la couleur du texte sélectionné.
backcolor backcolor Permet la modification de la couleur de fond du texte sélectionné.
code code Affiche le code HTML du contenu.
spellchecker spellchecker Active le correcteur d'orthographe. Sélectionner la langue à l'aide de la flèche.
separator separator Permet de grouper les contrôles en ajoutant des séparateurs.
help 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
profil
bold,italic,underline,separator,bullist,numlist,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,link,unlink,separator,charmap
profil
bold,italic,underline,separator,bullist,separator,link,unlink,separator,charmap
profil
bold,italic,underline,separator,link,unlink
profil