我爱模板网 > 建站教程 > 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 即为纯文本内容。
部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:ES5类的继承详解 下一篇:使用变量作为key值和键值创建JavaScript对象
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢