Activer les templates TinyMCE sur CMS Made Simple

Dans cet article je vais expliquer une petite astuce qui me sert souvent sur CMS Made Simple : l’activation des templates prédéfinis pour l’éditeur WYSIWYG TinyMCE.

En effet il est uniquement possible depuis l’interface d’administration de CMS Made Simple d’activer le plugin template de TinyMCE mais pas d’en ajouter. C’est ce que nous allons voir maintenant.

La première étape est donc d’activer le plugin template. Rendez-vous donc dans l’administration de CMS made Simple puis dans Extensions => Editeur TinyMCE WYSIWYG, puis dans l’onglet Plugins cocher template :
template_tinymce_cms_made_simple


Enregistrez puis allez dans l’onglet Profils pour ajouter le plugin template à l’endroit voulu :
template_tinymce_cms_made_simple_profils

Sauvegardez et l’icône template devrait apparaitre dans l’éditeur :
template_tinymce_cms_made_simple_icon

Malheureusement par défaut il n’y aucun template prédéfini de disponible : il faut les créer et spécifier à TinyMCE où aller les chercher. C’est ce que nous allons faire.

Commençons par créer les fichiers templates. Exemple de template 2 colonnes :

<table>
<tr>
  <td>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus rutrum ante, non condimentum nisi blandit vel.  
  </td>
  <td>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus rutrum ante, non condimentum nisi blandit vel. 
  </td>
</tr>
</table>

Nous allons enregistrer tous les templates dans le dossier modules/TinyMCE/tinymce/jscripts/tiny_mce/plugins/template/templates (à créer) avec l’extension .html.
Une fois ceci fait il ne nous reste plus qu’a indiquer à TinyMCE les différents templates que nous avons construit. Pour ce faire il faut ouvrir le fichier tinyconfig.tpl qui se trouve dans modules/TinyMCE/templates et ajouter ce bout de code juste après document_base_url : « {$rooturl}/ », :

{literal}
  template_templates : [
        {
            title : "2 colonnes",
            src : "modules/TinyMCE/tinymce/jscripts/tiny_mce/plugins/template/templates/2_colonnes.html",
            description : "Gabarit 2 colonnes"
        },
        {
            title : "3 colonnes",
            src : "modules/TinyMCE/tinymce/jscripts/tiny_mce/plugins/template/templates/3_colonnes.htm",
            description : "Gabarit 3 colonnes"
        }
    ],
{/literal}

En remplaçant bien sûr les noms de fichiers par les vôtres. Voila vos templates sont désormais disponibles dans la fenêtre du plugin template :
exemple_template_tinymce_cms_made_simple

Vous pouvez les insérer dans tous vos contenus, ce qui est très pratique pour des mises en page facile et rapide.


2 Commentaires

  1. Bonjour,
    J’utilise CMS Made simple de puis peu et cet article m’intéresse car je voudrais dans mon Gabarit « SIMPLEX » (template responsive)gérer des pages à deux ou trois colonnes selon les cas… Puis-je transformer l’éditeur Micro Tiny Wysiwyg comme ci-dessus ou bien installer TinyMCE. Leqiuel est plus performant pour moi… ou bien n’est-ce pas nécessaire et la solution est-elle ailleurs (peut-être) ?
    Merci si vous pouvez me répondre.

    • Bonjour,

      Je ne pense pas que Micro Tiny possèdent ce genre de fonctionnalité. Il vaut mieux que vous installiez le module TinyMCE pour CMS Made Simple. Vous aurez de nombreuses possibilités en plus des templates avec cette éditeur.

Laisser un commentaire

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

*