如何防止 tinymce 将 class 添加到列表中的每个新 li

Question

我正在使用 tinymce 的列表插件。

我创建了一个函数，可以将 class 添加到列表中的一个 li 元素。如果我将 class 添加到列表中的最后一个元素，则编辑器在按回车键时添加的每个新 li 元素都将具有相同的 class.

我已经尝试研究内容过滤，但看起来我只能阻止任何具有 class.

的 li 元素

如何让 tinymce 在没有 class 的情况下添加新的 li 元素？

现在发生了什么：

<ul>
   <li>asd</li>
   <li>asd</li> 
   <li class="optional">asd</li> (updated by right clicking and selecting optional)
   <li class="optional">asd</li> (new elements when hitting enter)
   <li class="optional">asd</li> 
   <li class="optional">asd</li> 
</ul>

我想要的

<ul>
    <li>asd</li>
    <li>asd</li> 
    <li class="optional">asd</li> (updated by right clicking and selecting optional)
    <li>asd</li> (new elements when hitting enter)
    <li>asd</li> 
    <li>asd</li> 
</ul>

提前致谢！

Answer 1

有一个配置选项告诉 TinyMCE 不要将样式从一个根块元素（<p>、<li> 等）带到另一个：keep_styles.

文档在这里：https://www.tiny.cloud/docs/configure/content-filtering/#keep_styles

设置采用 true（默认）或 false。例如：

keep_styles: false

如果将此设置为 false，则不会将当前列表项的 classes/styles 带到下一个列表项。

这是一个运行示例：https://fiddle.tiny.cloud/dNhaab

如何防止 tinymce 将 class 添加到列表中的每个新 li

How to prevent tinymce from adding class to every new li in list

tinymce

tinymce-5