tinymce富文本编辑器

Posted 2023-04-07

tinymce富文本编辑器，编辑内容自动给内容添加了<p></p>标签，例如我输入 hello, 得到结果是 <p>hello</p>
请问编辑器的什么设置可以禁止它自动添加标签

参考技术A 自动添加标签

tinyMCE富文本编辑器禁用

参考技术A 原文参考： https://www.itranslater.com/qa/details/2582890018389885952

最终我选择下面这种方式

 if (newValue == 3)     //  true     就禁用

        window.tinymce

          .get(this.tinymceId)      //   this.tinymceId   编辑器

          .getBody()

          .setAttribute("contenteditable", false);          //  设置一个属性

        console.log(111);

      else                     //  false   开启 

        window.tinymce

          .get(this.tinymceId)

          .getBody()

          .setAttribute("contenteditable",true);

        console.log(222);

     

清空tinymce编辑器

1、如果当前页面只有一个编辑器：

获取内容：tinyMCE.activeEditor.getContent()

设置内容：tinyMCE.activeEditor.setContent(“需要设置的编辑器内容”)

2、如果当前页面有多个编辑器（下面的“[0]”表示第一个编辑器，以此类推）：

获取内容：tinyMCE.editors[0].getContent()

设置内容：tinyMCE.editors[0].setContent(“需要设置的编辑器内容”)

3、获取不带HTML标记的纯文本内容：

var activeEditor = tinymce.activeEditor;

var editBody = activeEditor.getBody();

activeEditor.selection.select(editBody);

var text = activeEditor.selection.getContent( ‘format’ : ‘text’ );

取到的 text 即为纯文本内容。

原文参考： https://blog.csdn.net/u012679583/article/details/50505842