KindEditor完美集成ckplayer(项目中实践可用)

最新推荐文章于 2025-06-28 09:43:37 发布

lijiongxian

最新推荐文章于 2025-06-28 09:43:37 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML JS 插件文章标签： KindEditor ckplayer 视频 flash plugins

本文链接：https://blog.youkuaiyun.com/lijiongxian/article/details/43191371

本文详细介绍了如何在 KindEditor 中集成 ckplayer 视频播放器，包括创建 InsertPlugins 文件夹，拷贝 ckplayer 文件，修改 kindeditor.js 添加 getpath 方法，调整 flash.js 和 preview.js 文件，以实现 http 协议视频加载。内容基于已有教程并根据个人项目需求进行了适应性修改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

KindEditor为当前最新版本——v4.1.10，下载地址为：

https://github.com/kindsoft/kindeditor/releases/download/v4.1.10/kindeditor-4.1.10-zh-CN.zip

ckplayer为当前最新版本——6.6，下载地址为：

http://www.ckplayer.com/bbs/forum.php?mod=attachment&aid=Mjk5MnxkYWRkZGI5Y3wxNDIyMzI1ODA4fDB8MTAyMDk%3D

上传了flv、mp4文件，经测试可用，其他格式暂未测试

1.在kindeditor\plugins下新建文件夹InsertPlugins

2.将ckplayer文件夹拷贝到kindeditor\plugins\InsertPlugins下

3.修改kindeditor\kindeditor.js （目的是增加getpath(url)方法）

在

K.mediaImg = _mediaImg;
K.clearMsWord = _clearMsWord;
K.tmpl = _tmpl;

下方新增一个可调用方法

K.getpath = _getpath;

在

K.formatUrl = _formatUrl;
K.formatHtml = _formatHtml;
K.getCssList = _getCssList;
K.getAttrList = _getAttrList;
K.mediaType = _mediaType;
K.mediaAttrs = _mediaAttrs;
K.mediaEmbed = _mediaEmbed;
K.mediaImg = _mediaImg;
K.clearMsWord = _clearMsWord;
K.tmpl = _tmpl;
K.getpath = _getpath;

上方添加

function _getpath(z){
     
     
	var d = unescape(window.location.href).replace('file:///', '');
	var k = parseInt(document.location.port);
	var u = document.location.protocol + '//' + document.location.hostname;
	var l = '',e = '',t = '';
	var s = 0;
	var r = z.split('//');
	if (r.length > 0) {
		l = r[0] + '//'
	}
	var h = 'http|https|ftp|rtsp|mms|ftp|rtmp';
	var a = h.split('|');