Kindeditor 是一款非常棒的在线编辑器,开源免费,性能也很好,并且能放心的应用到生产环境中,随着WEB3.0的到来及云存储的成本降低,很多企业都已经开始重视视频化宣传,然而Kindeditor自带的视频播放插件着实满足不了现在的需求,原因也不用多说了,用过的都知道。而后ckplayer也是一款国产的开源非常棒的视频播放器,并且功能强大,可订制性也是非常强,为此,我对两款软件进行了整合,这里公示一下整合方法(暂不提供下载)。

1、创建插件,根据Kindeditor的插件规则在plugins目录里创建插件,并进行插件CSS样式的添加,其中要修改两个文件,一个是Kindeditor.js中的的可视化插件样式,一个是模板文件中的插件编辑按钮栏目,进行以上修改之后,就可以把插件加入到工具条中了。

2、创建语言包,中文版的找到zh_CN.js文件创建相关的语言包。

3、创建HTML生成函数,这个得在Kindeditor.js文件中进行创建,核心函数一般包括四个,插件调度函数,HTML代码生成函数,HTML属性获取函数,右键菜单函数,右键菜单主要是由addContextmenu 函数并发。

4、数据替换函数正则补充,这里的数据是指代码的替换,其包括替换与反替换。

完成以上修改,基本上就可以使用了,效果如下图:

自开发kindeditor视频播放插件ckVideo(带右键菜单)

 

前端效果:

自开发kindeditor视频播放插件ckVideo(带右键菜单)