TinyMce 在按下 Return 时从当前块元素复制类

Question

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

例如，我正在编辑

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

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

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

我只想添加

<p></p>

我将 forced_root_block 选项设置为 p

Answer 1

这是 tinymce 的默认行为。

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

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

Answer 2

基于@thariama post 的完整答案是

        tinyMCE.editors.content.on('keyup',function(e){
            if ( 13 === e.keyCode ) {
               $(tinyMCE.editors.content.selection.getNode()).closest('p').removeAttr('class');
            }
        });

Answer 3

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

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

tinymce - 内容过滤文档

TinyMce 在按下 Return 时从当前块元素复制类

TinyMce copies the classes from the current block element when pressing Return

javascript

wordpress

jquery

tinymce

tinymce-4

TinyMce 在按下 Return 时从当前块元素复制 类

TinyMce copies the classes from the current block element when pressing Return

javascript

wordpress

jquery

tinymce

tinymce-4

TinyMce 在按下 Return 时从当前块元素复制类