主题: kindeditor加入ckplayer视频播放器的插件使用讲解

最新推荐文章于 2021-06-23 23:55:25 发布

黄昏之歌

最新推荐文章于 2021-06-23 23:55:25 发布

阅读量1.4k

点赞数

分类专栏： java

java 专栏收录该内容

145 篇文章 1 订阅

订阅专栏

需求：

发布文章中插入视频，显示时调用ckplayer网页播放器来播放，好处是可以在播放器中来放置自己的广告。本人发布文章用的kindeditor富文本编辑器，所以需要为kingeditor写一个插入ckplaer播放器功能的插件。

实现思路：

先完成插入视频，（引入绝对url地址，或者本地上次视频文件）获取此视频的地址，再加上用户设置的播放器的宽度、高度、是否自动播放等信息，组合成调用ckplayer的代码，放入编辑器中，提交发布文章时，这些代码插入到数据库中，在显示文章时，读取数据库中的这些调用代码即可用ckplayer来播放视频。

使用方法：

把解压出来的 kindeditor 文件夹，放置到网站的根目录中；注意，为了实现视频显示页面位置不受限制同时不用改变视频调用代码，本插件文件引用均以相对跟目录的绝对路径，如果不放在根目录，对应路径需要全部修改，否则不能正常显示；建议不要改动;
在发布文集页面调用已加入视频播放器插件的kindeditor，调用方法参照http://www.kindsoft.net/docs/usage.html 中的说明。如果自定义配置了辑器的工具栏的情况下，请务必在 items 加入 'insertfile'，位置无要求;

如：

 
         items : [ 
       
         'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste', 
       
         'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 
       
         'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 
       
         'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/', 
       
         'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 
       
         'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage', 
       
         'flash', 'media','insertVideo', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak', 
       
         'anchor', 'link', 'unlink', '|', 'about' 
       
         ],

对于通过插件工具栏按钮插入生成的代码不要改动，均有其作用的;
在显示文集页面调用视频播放器ckplayer;

 
         <script charset="utf-8" src="/kindeditor/plugins/insertVideo/ckplayer/ckplayer.js"></script>

完成以上步骤即可，使用本插件。

如有疑问或建议，可以加入交友群提问 28861454。验证时注明 “梨花寨”；如果大家对此插件感兴趣且有大多不能顺利使用，本人可以抽些时间做个视频教程来解释下。