1、将ckplayer.php复制到/ckplayer目录
2、打开ueditor.all.js
注释掉以下三行(由于代码改进后用iframe实现,不含div标签,这步可省略)
// var root = UE.htmlparser(html);
// me.filterInputRule(root);
// html = root.toHtml();
3、打开ueditor.all.js,将
html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'image'));
改为:
html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'video'));
4、同样ueditor.all.js中,注释掉原释放代码,添加ckplayer播放代码
//ckplayer播放器
str ='<iframe scrolling="no" marginwidth="0" marginheight="0" frameborder="0" src="/ckplayer/ckplayer.php?url='+url+'" width="600" height="400"></iframe>';
//原来的播放器
// str = '<video' + (id ? ' id="' + id + '"' : '') + ' class="' + classname + ' video-js" ' + (align ? ' style="float:' + align + '"': '') +
// ' controls preload="none" width="' + width + '" height="' + height + '" src="' + url + '" data-setup="{}">' +
// '<source src="' + url + '" type="video/' + ext + '" /></video>';
5、打开根目录中的ueditor.config.js
搜索“ xss过滤白名单”,在whitList列表中增加一条xss过滤规则
iframe: ['scrolling', 'marginwidth', 'marginheight','frameborder','src', 'height', 'width', 'class', 'style']
以上方法在dedecms中实际应用没有问题