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

posted on   剩余价值  阅读(487)  评论(0编辑  收藏  举报

编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示