如何在 TinyMCE 中监听附件的插入和删除变动？

偷偷努力，悄无声息地变强，然后惊艳所有人！哈哈，小伙伴们又来学习啦~今天我将给大家介绍《如何在 TinyMCE 中监听附件的插入和删除变动？》，这篇文章主要会讲到等等知识点，不知道大家对其都有多少了解，下面我们就一起来看一吧！当然，非常希望大家能多多评论，给出合理的建议，我们一起学习，一起进步！

用 tinymce 实现附件变动监听

在 tinymce 使用附件插件时，监视器无法监听附件的插入和删除变动。如何解决这一问题？

已实现的解决方案：

1. 移除 v-model

2. 在 init 中添加回调：

   tinymce.init({ ...
     attach_callbacks: {
    blur: function(){},
    clear: function(){},
    attach: function(){}
     }
     ...
   });

3. 监听 value 并处理光标问题：

   watch: {
     value: {
    handler(val){
      content = val;
    }
     }
   }

4. 在 methods 中添加方法：

   methods: {
     insertattachment(){
    var editor = tinymce.activeeditor;
    const folderpath = this.params.folder.path;
    attachmentfieldservice.insertattach(this.params, function(attach){
      editor.insertcontent('<img class="detail-edit-input-attachment" _src="' + folderpath + attach.id + '" src="' + attach.path + '" style="vertical-align: inherit;">');
      handletextareacontent();
    });
     }
   }

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

   AttachmentFieldService.insertAttach(this.params, function(attach){
    handleTextareaContent();
   });

以上解决方案成功实现了对 tinymce 附件变动的监听，包括插入和删除。

今天关于《如何在 TinyMCE 中监听附件的插入和删除变动？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！