上传视频后回显:
关于ueditor视频的src链接丢失的问题及解决方法但是点击html后变变成了这个样子:
关于ueditor视频的src链接丢失的问题及解决方法
关于ueditor视频的src链接丢失的问题及解决方法后台获取的html代码丢失了src链接,这是因为ueditor的XssFilter对其进行了拦截。因此我们需要修改ueditor.config.js这个文件,大概在365行,设置他的白名单:

img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex','style','_url'],//加了style和_url



video:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style','id'],//加了id

如果设置白名单的方法没有效果,可以简单粗暴的将默认过滤机制去掉,在ueditor.all.js中,找到函数UE.plugins[‘defaultfilter’] = function () {…}(plugin 编辑器默认的过滤转换机制 位于9967行左右)。

第一种 在函数里添加return; 所有过滤机制失效。
关于ueditor视频的src链接丢失的问题及解决方法关于ueditor视频的src链接丢失的问题及解决方法

第二种 将case ‘img’ 部分的代码注释掉,不过滤img标签(再编辑时ueditor 会自动的将video转化为img)的情况。
关于ueditor视频的src链接丢失的问题及解决方法
如果引用的是 ueditor.all.min.js,需要对此做同样的修改。

最后不要忘记清楚浏览器的缓存!!

相关文章: