Ajouter des styles CSS à TinyMCE

La personnalisation des styles CSS dans TinyMCE est une opération qui vous coûte 15min . Cette opération est nécessaire si vous souhaitez que l'utilisateur de l'interface rédige les articles avec des styles définis (bien évidement pour garder la cohérence du style de site par exemple).

Voici les étapes nécessaires :

1- Création d'une feuille de style : content.css



2- Ajouter l'option theme_advanced_styles dans la fonction tinyMCE.init

theme_advanced_styles : "Rubrique=rubrique;Sous-rubrique=sous_rubrique;Thème=theme;Texte=texte;texte_nom=texte_nom;texte_url=texte_url;",
Cette étape permet de lister les classes dans la liste déroulante de styles de TinyMCE.
L'ajout des classes se fait nom_affiche_dans_la_liste = nom_dans_feuille_css



3- Ajouter l'option content_css à la fonction tinyMCE.init  afin de prendre en considération la nouvelle feuille de style.

content_css : "http://chemin site/styles/content.css",

4- Et enfin il faut appeler la feuille de style dans la page qui affichera le contenu saisi à partir de TinyMCE, par exemple on saisit le contenu à partir de la page edit_texte.php et on affiche le contenu dans la page index.php donc on doit importer la feuille de style dans la page index.php.