tinymce,自动为内容添加样式属性

时间:2017-11-27 11:23:44

标签: javascript html css tinymce-4

我正在开发一个使用tinymce作为RTF编辑器的项目,其中用户插入格式化的内容,将按原样保存为文本。对于所有HTML标记,内容将在HTML中用于各种部分。

我希望所有生成的HTML元素都有一个默认的样式属性,如:

<p style="margin: 0 10px; line-height: 1">
    Hello World
</p>
<h1 style="margin: 0 10px; line-height: 1">
    Hello World Again
</h1>

我尝试将content_style: "* { margin: 0 10px, line-height: 1 }"添加到tinymceOptions但它不起作用

1 个答案:

答案 0 :(得分:0)

TinyMCE没有内置的方法来强制所有块元素具有预定义的样式集。当编辑器中发生事情时,TinyMCE会触发各种事件(例如插入内容,创建新块,按下键),并且您可以使用这些事件尝试识别新块在编辑器中的任何时间。添加你的风格。

https://www.tinymce.com/docs/advanced/events/

这是一个TinyMCE小提琴,展示了一些正在发生的事件:

http://fiddle.tinymce.com/2fgaab

这里的难点在于,有很多方法可以修改编辑器中的内容,并且要100%正确,您需要捕获所有这些事件/活动。

另一种方法是在将内容提交给服务器并在那时迭代块元素时执行此操作。