TinyMCE 7.x版 エディタ内でstyleを許可する方法

tinymce

TinyMCE7.xではデフォルトで、インラインのCSSは使えるが、<style></style>が使えないため、これを許可する方法のメモ。

 

valid_elements: "style[*]",
extended_valid_elements: "style[*]",
valid_children: "+body[style]",

 

通常は、 valid_elements と、extended_valid_elements だけでいけそうなもんだが、どうやらstyleタグが特定の要素内でしか使用できないようで、これを緩和するために、valid_children を設定する必要があった。