TinyMCE et html5 - Version imprimable

TinyMCE et html5 - Version imprimable

+- Forum CMS Made Simple FR (https://www.cmsmadesimple.fr/forum)
+-- Forum : Général (https://www.cmsmadesimple.fr/forum/forum-3.html)
+--- Forum : Modules, Tags (https://www.cmsmadesimple.fr/forum/forum-14.html)
+--- Sujet : TinyMCE et html5 (/thread-3163.html)

TinyMCE et html5 - snatch1974 - 31/03/2014

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.10
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Comme pas mal de monde, j'avais un soucis avec les balises html5 dans tinyMCE qui me nettoyait à chaque fois mas balises <section>, <figure> et autres.

J'ai trouvé la solution pour ne plus avoir ce soucis donc, je viens partager ma soluce... bonne ou pas, c'est à vous de voir!

Pour que tinyMCE accepte les balises html5 qui ne sont pas reconnues d'origine, il faut lui indiquer par le biais du fichier de config.
Ce fichier de config est généré dynamiquement dans le tmp/templates_c donc, pas moyen de changer ce fichier car à chaque nettoyage du cache les instructions disparaissent.
Il faut aller modifier le fichier qui sert à créer ce fichier de config: tinyconfig.tpl
Il se trouve dans les templates du module tinyMCE.

dans ce fichier, il suffit de rajouter la ligne suivante qui permet à tinyMCE de reconnaitre les balises figure, section, article, canvas et details ainsi que de pouvoir leur attribuer une classe et un style ou quoi que ce soit (voir doc de tinyMCE)

Code :
[== Indéfini ==]

extended_valid_elements : "figure[*],section[*],article[*],canvas[*],details[*]",

J'ai mis ma ligne ici

Code :
[== Indéfini ==]

theme_advanced_buttons1 : "{if isset($toolbar1)}{$toolbar1}{/if}",

  theme_advanced_buttons2 : "{if isset($toolbar2)}{$toolbar2}{/if}",

  theme_advanced_buttons3 : "{if isset($toolbar3)}{$toolbar3}{/if}",

  theme_advanced_buttons4 : "{if isset($toolbar4)}{$toolbar4}{/if}",

  theme_advanced_blockformats : "{$blockformats}",

  document_base_url : "{$rooturl}/",

  extended_valid_elements : "figure[*],section[*],article[*],canvas[*],details[*]",

{if $relativeurls=="true"}

  relative_urls : true,

  remove_script_host : true,

{else}

  relative_urls : false,

  remove_script_host : false,

{/if}

Ca fonctionne, mes balises ne sont plus nettoyées et je peux bien leur attribuer la classe nécessaire.

Voilà, je voulais juste partager ça, en espérant que ça évite à certains de chercher des plombes comment palier à ce problème.

Amicalement

TinyMCE et html5 - Jean le Chauve - 31/03/2014

Merci beaucoup Smile

TinyMCE et html5 - snatch1974 - 31/03/2014

J'ai édité le premier poste pour corriger un truc...

En mettant

Code :
[*]

ça permet d'ajouter n'importe quel attribut à la balise

TinyMCE et html5 - jissey - 31/03/2014

Ha! Merci pour l'info...très utile Smile

Complément :
en mettant le fichier .tpl dans module_custom/TinyMCE/templates, on est à l'abri des désagréments d'une éventuelle mise à jour.

TinyMCE et html5 - jissey - 21/04/2014

hop up,
existe-t-il une manip similaire pour Microtiny?

TinyMCE et html5 - snatch1974 - 21/04/2014

pt'etre... faut voir si un fichier init est généré et si oui, où et comment.