Vue使用Tinymce富文本编辑器media插件遇到的坑

Vue使用Tinymce富文本编辑器media插件遇到的坑

萌新一枚,最近在学习 Vue使用tinymce富文本编辑器中的魔改media插件添加视频预览时,遇到了出现两个相同视频的问题。在网上也没找到相同的问题(可能是萌到还不会用搜索引擎,汗),所以自己瞎整整。感觉有不对的地方请指正。但还请勿喷!勿喷!勿喷!重要事情说三遍

魔改media详见TinyMCE中文文档

出现的问题就像下图这样(因为是学习,所以用的也是上方链接demo里的网络视频)
Vue使用Tinymce富文本编辑器media插件遇到的坑_第1张图片

接下来上我解决的方法

把替换好的plugin.js文件中的这段代码 (红框内。大概在1353行左右)
Vue使用Tinymce富文本编辑器media插件遇到的坑_第2张图片
替换成

if (objectType === 'audio' || objectType === 'video' || objectType === 'script') {
  e.preventDefault();
}

这样就不会出现第二个重复的视频啦。

当然,这是萌新学习的路上的一得之见,有不足的地方,还请大神多多指点。

你可能感兴趣的:(前端学习之路)