ueditor集成ckplayer

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中实际应用没有问题

原文地址:https://www.cnblogs.com/surplus/p/13190904.html