富文本编辑器 tinymce 获取文本内容、设置文本内容

<Tinymce
  id="textAreaContent"
  :options="tinymceOpts"
  v-model="formData.text"
  @change="inputTinymce"
/>


inputTinymce(data) {
    this.textNum = data.target.getContent({"format" : "text"}).length
    this.formData.preface = data.target.getContent({"format" : "text"}).substring(0, 50)
    console.log(this.formData.preface);
    this.formData.text = data.target.getContent()
}

 

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