tinymce富文本编辑器内容改变后，编辑器光标位置重置到最前面的问题

将tinymce封装成组件，通过v-model接收修改内容。
流程：通过watch监听props的value，调用tinymce的setContent()，这一步会将内容的光标重置，回到开始位置。
 

watch: {
    value(newVal, oldVal) {
      // console.log(this.hasChange, this.hasInit);
      if (!this.hasChange && this.hasInit) {
        this.$nextTick(() => {
          window.tinymce && window.tinymce.get(this.tinymceId).setContent(newVal || '')
        })
      }
    },
}

解决方法:
//  让光标定位到末尾

watch: {
    value(newVal, oldVal) {
      // console.log(this.hasChange, this.hasInit);
      if (!this.hasChange && this.hasInit) {
        this.$nextTick(() => {
          window.tinymce && window.tinymce.get(this.tinymceId).setContent(newVal || '')
          // 让光标定位到未尾
         
         window.tinymce.activeEditor.selection.select(window.tinymce.activeEditor.getBody(), true)
          window.tinymce.activeEditor.selection.collapse(false)
        })
      }
    },

参考该博主文章:前端 - 关于tinymce内容改变后，编辑器光标位置重置的问题 - SegmentFault 思否