青岛外贸网站建设
当前位置::首页 > 动态 > 公司动态 >
百度编辑器无法上传视频和引用外部视频怎么办?
发布时间:[2017-07-10]    发布人:青岛网站建设    

    现在百度UEditor编辑器是运用比较广泛的一个编辑器了,不仅开源还有中文的文档,所以很受欢迎,不过里面也有许多地方需要开发人员自己调试,其中一个比较常见的问题就是上传视频了,上传视频本身有一些小bug,就是百度编辑器上传视频后无法获得视频地址,同时UEditor插入视频后,embediframe,路径被清空;通过工具栏的“插入iframe”,插入视频无效。今天青岛做网站就跟大家分享一下如何解决以上的bug

 

    导致在百度UEditor编辑器中无法插入视频或者是插入视频后,视频路径或者是embediframe代码无法保存都是因为编辑器没有开放视频插入的代码的白名单,所以会被过xss滤掉。

 

解决方法如下:

 

首先在ueditor.config.js文件里增加xss过滤白名单:

 

百度编辑器无法上传视频和引用外部视频怎么办?

 

在这里的末尾加上下列在插入视频中使用的代码:

 

source: ['src', 'type'], 

embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play','autoplay','loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload'], 

iframe: ['src', 'class', 'height', 'width', 'max-width', 'max-height', 'align', 'frameborder', 'allowfullscreen'] 

 

这样,在编辑器中就可以插入或者引用优酷、腾讯视频的iframe通用代码和embed html代码;移动端一般引用iframe,可设置属性,使其适应设备。