ueditor.config.js文件里whilList增加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']
然后按照下图来修改 原来的 image改为embed 注释掉框中代码
现在虽然编辑器可以看到视频了,但是插入视频的窗口不能关闭 或者无法看到视频
之所以会出现这个问题是因为改动embed后,下面红框的代码无法正常找到image标签及其里面的属性导致的,这里只要注释红框的内容就可以解决插入视频框无法自动关闭的问题。
这个时候上传了视频以后 编辑器却是一片空白,这是怎么回事呢
问题出在红框里的这段代码里:type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer"
这里是判断如果点击视频上传需要导入的是embed代码的情况,之前是image,我们改成了embed,因此这里switch得到的是embed的代码模板,在这里我们去掉
type="application/x-shockwave-flash" class="' + classname + '" pluginspage="http://www.macromedia.com/go/getflashplayer"' +'
改动ueditor.all.js 17659行左右
按照上图 更改好后,刷新一下,清楚缓存看看效果如下
但是目前还有有个问题 上传视频成功以后 视频会自动播放。
需要取消自动播放的话就修改
去掉 autoplay 属性