首页 > 建站教程 > JS、jQ、TS >  tinymce富文本编辑器如何获取和设置文本内容正文

tinymce富文本编辑器如何获取和设置文本内容

tinymce是一款非常优秀的简约的美观的富文本编辑器,下面介绍如何主动去获取和设置tinymce的文本内容,以及获取纯文本不带html标签的内容:

tinymce

1、如果当前页面只有一个编辑器:
获取内容:
tinyMCE.activeEditor.getContent()
设置内容:
tinyMCE.activeEditor.setContent('我爱模板网 www.5imoban.net')
2、如果当前页面有多个编辑器(下面的“[0]”表示第一个编辑器,以此类推):
获取内容:
tinyMCE.editors[0].getContent()
设置内容:
tinyMCE.editors[0].setContent('我爱模板网 www.5imoban.net')
3、获取不带HTML标记的纯文本内容:
var activeEditor = tinymce.activeEditor;
var editBody = activeEditor.getBody();
activeEditor.selection.select(editBody);
var text = activeEditor.selection.getContent( { 'format' : 'text' } );
取到的 text 即为纯文本内容。