tinymce的使用

配置

selector: 'textarea#editor', // 选择器
statusbar: false, //禁止编辑器拉伸大小
object_resizing: false, //禁止图片缩放
height: 500, //设定高度
plugins: ["advlist autolink lists link imageuploadtoqiniu preview", "insertdatetime contextmenu code"], //插件
toolbar: "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist| link image", //工具栏
language: 'zh_CN', //语言设置 注：通过npm安装后需到官网下载对应语言包，并引入即可
language_url: "" // 或者通过引入对应语言js位置

获取及设置内容

1.只有一个tinymce实例
get：tinyMCE.activeEditor.getContent()
set：tinyMCE.activeEditor.setContent(“content”)

2、多个
get：tinyMCE.editors[0].getContent()
set：tinyMCE.editors[0].setContent(“content”)

3、获取纯文本
let activeEditor = tinymce.activeEditor;
let editBody = activeEditor.getBody();
activeEditor.selection.select(editBody);
let text = activeEditor.selection.getContent( { ‘format’ : ‘text’ } );

注：对tinymce设置内容时（场景如编辑），使用window.onload