javascript - 如何在 TinyMCE 4.x 编辑器中过滤有效样式？

Question

在 TinyMCE 版本 3.3.9.4 中，可以通过使用“未记录”valid_styles选项（TinyMCE 有效元素：仅允许特定的 CSS 规则）将样式限制为对齐（拒绝着色选项等）：

    valid_styles : { '*' : 'text-align' },

现在有了 4.x 版本，这似乎不再起作用了。有没有办法在 TinyMCE 4.x 中过滤有效样式，最好使用内置编辑器（客户端）方法？

Answer 1

valid_styles版本 4似乎有据可查：

此选项使您可以指定每个元素的可用样式。这意味着您可以强制排序并且只有特定样式在样式属性值中有效。指定元素名称，然后是所有元素的样式或 *。

tinymce.init({
    ...
    valid_styles: {
        "*": "border,font-size",
        "div": "width,height"
    }
});

这是一个你可以玩的tinymce小提琴。