ueditor上传视频后再编辑显示失败问题处理

一、ueditor上传视频,第一次可以回显,当再次打开页面或者点击了工具栏左上角的html标签后视频回显失败的解决方法:
在网上看到好多关于修改whitList的,具体操作如下:
1、修改ueditor.config.js文件中的whitList(大约在364行,设置白名单)中的img,在img标签名单后面添加’_url’和’style’,并且添加source和embed
这里写图片描述

这里写图片描述

这里写图片描述

xssFilter导致插入视频异常,编辑器在切换源码的过程中过滤掉img的_url属性(用来存储视频url)_src/plugins/video.js里处理的是_url,而不是_src

查看代码修改:https://github.com/fex-team/ueditor/pull/2957/commits/d4b875ce165b3225929496c2d85848afbff0deeb?diff=split

修改后的img标签:

2、在ueditor.all.js(或者 ueditor.all.min.js)中,找到函数UE.plugins[‘defaultfilter’] 编辑器默认的过滤转换机制

这里写图片描述
第一种 在函数里添加return; 所有过滤机制失效。

第二种 将case ‘img’ 部分的代码注释掉

这里写图片描述
二、修改ueditor.all.js文件:
将ueditor.all.js中的

改为:

注释掉图片中的三行(ueditor.all.js中的,可根据左侧的行号来定位代码位置):
这里写图片描述

这里写图片描述

最后清理浏览器缓存,重新进入编辑器中编辑,效果显示如下:

发表回复