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

ValeurImageDescription
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 disponibles à cette adresse : http://www.tinymce.com/wiki.php/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 1
bold,italic,underline,separator,bullist,numlist,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,link,unlink,separator,charmap
profil 2
bold,italic,underline,separator,bullist,separator,link,unlink,separator,charmap
profil 3
bold,italic,underline,separator,link,unlink
profil 4

Toutes les catégories

Rechercher dans les ressources

Dans la même catégorie...

Compte à rebours ou différence entre 2 dates

"Ne ratez pas l'ouverture du site dans 50 jours!" Bien entendu, dans cet exemple, il est hors de[...]

Configurer le paiement avec Paypal

Installer une passerelle de paiement Paypal sur un site CMS Made Simple est sans doute la solution la plus[...]

Poser un cookie

{literal} Les cookies permettent de stocker des données directement dans le navigateur. Les cookies sont utilsés par exemple pour conserver[...]

Configurer les pretty URLs dans CMS Made Simple

Les pretty URLs de CMSMS est un sytème permettant d'avoir des URLs de pages plus sympathiques et plus "humaines".[...]

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[...]