Tinymce 附件插入监听失效怎么办？

亲爱的编程学习爱好者，如果你点开了这篇文章，说明你对《Tinymce 附件插入监听失效怎么办？》很感兴趣。本篇文章就来给大家详细解析一下，主要介绍一下，希望所有认真读完的童鞋们，都有实质性的提高。

tinymce 监听附件变动失灵的解决办法

在使用附件插入插件时，您遇到了无法监听附件插入和删除变动的难题。以下是如何解决此问题的方法：

解决方案：

1. 去掉富文本编辑器上的 v-model。
2. 在初始化编辑器时加入以下回调：

editor.on("nodechange", (e) => {
  console.log("node change:", e.element.outerhtml);
});

3. 监听编辑器 value 的变化，并解决光标问题：

watch: {
  editorvalue(val) {
    if (this.editorcursorpositon) {
      this.editor.selection.setcursorlocation(this.editorcursorpositon);
    }
    console.log("value:", val);
  },
},

4. 在 methods 中加入以下方法：

methods: {
  afterattachupload(attachment) {
    this.editor.selection.select(
      this.editor.dom.getparent(attachment, "figure")
    );
    this.$emit("attachments", this.editorvalue);
  },
},

5. 在成功插入附件后再次调用 afterattachupload 方法：

// before insert attachment
this.afterAttachUpload(attachment);

终于介绍完啦！小伙伴们，这篇关于《Tinymce 附件插入监听失效怎么办？》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！