获取和设置tinyMCE 4编辑器的内容

时间:2023-03-10 05:05:58
获取和设置tinyMCE 4编辑器的内容

对于tinymce编辑器是无法通过js进行内容的读写的,必须使用编辑器自身的方法才行,下面是一些方法,希望能对用到的朋友有所帮助:

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 即为纯文本内容。