百度编辑器添加视频地址不显示bug解决

北京网站建设的后台程序搭建中,我们使用了百度编辑器作为文章的编辑器,不过发现他在上传视频时有一些bug,这个基本最大的体现就是编辑器内无法添加视频地址的问题。

先来看具体的bug情况:

在插入视频里放入地址后,正常显示在插入视频里,这个时候是正常的

12345.png

但插入后会显示下图,视频没有正常的预览,这是因为设置插入编辑器里的不是视频的代码,而是image图片的代码,

123456.png

这个时候如果进入源码看的话,会发现里面是空的,根本什么都没有

2.png

在进入编辑器的预览会发现之前的图片都消失了

4.png

出现这种情况是由于编辑器没有开放视频插入的代码的白名单,所以会被过xss滤掉

解决方案:

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

5.png

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

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']  

另外由于插入的代码不是视频,那么首先要找到插入编辑器代码的代码,位置在ueditor.all.js里,找到以下代码:

6.png

如上图标注所述操作。改完之后就会发现插入视频功能可以正常使用,希望可以帮到大家。

asd

2017-10-12

2 个评论

  • 鱼总 66 天前

    u=4201367962,255955969&fm=27&gp=0.jpg

  • 鬼畜猫猫 66 天前

    楼主的文章很优秀,找了好久都是复制黏贴,看了这篇文章所有问题都解决了,非常感谢楼主的分享