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中实际应用没有问题
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了