按Return键时，TinyMce会复制当前块元素中的类

Question

在Wordpress中使用tinyMce时，在可视化编辑器中，我在元素中输入内容并按返回从父元素中复制的类，我只想创建一个新的<p>元素。

例如，我正在编辑

<p class="blip blip--gray one-sixth push-huge--top push--bottom">d aasdas d</p>

然后我按下返回并添加以下内容：

<p class="blip blip--gray one-sixth push-huge--top push--bottom"></p>

我只想添加

<p></p>

我将forced_root_block选项设置为p

Answer 1

这是默认行为。

您可以在编辑器中添加一个由keyup事件触发的tinymce处理程序。测试charCode 13您可以检测是否已按下ENTER。如果是这样，您可以从编辑器中的实际段落中删除类：

$(tinymce.get('youreditor_id').getNode()).closest('p').removeAttr('class');

Answer 2

这可能是解决这个问题的方法：

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  keep_styles: false
});

tinymce - 内容过滤文档