kindeditor4.1.11版自定义插入网络视频代码(支持哔哩、优酷、爱奇艺、土豆、腾讯视频、56等视频网站)

看了几篇和下载过别人修改的版本，都测试了，结果很失望，最后自己修改，得到了想要的结果。

首先在kindeditor下建立一个diy_video文件夹，建立一个JS文件，内容为：

/*******************************************************************************
*   支持优酷、爱奇艺、土豆、腾讯视频、56等视频网站
*   597xx.top
*******************************************************************************/
KindEditor.plugin('diy_video', function (K) {var self = this, name = 'diy_video';self.clickToolbar(name, function () {var lang = self.lang(name + '.'),html = ['<div style="padding:10px 20px;">','<p style="color:red">支持优酷、爱奇艺、土豆、腾讯视频、56等视频网站【<span style="color:green">通用代码</span>】</p>','<textarea class="ke-textarea" style="width:408px;height:260px;" placeholder="代码格式如下：\r\r<iframe height=498 width=510 src=http://player.youku.com/embed/XMzE4ODg3MjgyOA== frameborder=0 allowfullscreen></iframe>"></textarea>','</div>'].join(''),dialog = self.createDialog({name: name,width: 450,title: self.lang(name),body: html,yesBtn: {name: self.lang('yes'),click: function (e) {var code = textarea.val(),html = '' + code + '';if (K.trim(code) === '') {alert("请输入视频代码！");textarea[0].focus();return;}self.insertHtml(html).hideDialog().focus();}}}),textarea = K('textarea', dialog.div);textarea[0].focus();});
});

再来就是将按钮添加到编辑器中，打开kindeditor\themes\default\default.css，这里我就直接用原有的视频图标和media的一样，当然，也可以自定义好看的图标，media图标具体找到200行左右，代码以下：

.ke-icon-media {background-position: 0px -528px;width: 16px;height: 16px;
}
.ke-icon-diy_video {  /*网络视频按钮图标*/background-position: 0px -528px;width: 16px;height: 16px;
}

然后打开kindeditor.js文件，将diy_video里的代码添加到文件中（这步具体是否可以忽略，我不没试过）。再到264行左右在items里添加按钮’diy_video’：

   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", 'diy_video', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak','anchor', 'link', 'unlink', ],

按钮如果超出，可以删除一个，具体删法就是把items里 ‘’ 中删除一个不想要的，如果不清楚，就看下一段修改。其实我就是小白，所以这句也是说给初学者看的，也请大侠们指导。

最后，附给按钮中文tittle：
同样在kindeditor.js文件6100行左右，可以看到每个按钮的中文解释，

KindEditor.lang({source : 'HTML代码',preview : '预览',undo : '后退(Ctrl+Z)',......multiimage : '批量图片上传',flash : 'Flash',diy_video : "视频代码",  //我就随便插入到这里了media : '视音频',table : '表格',

在这里若不成功，若引入的lang文件，则打开lang下的某个语言文件添加：

   diy_video : "视频代码",

到文件中。其它语言自行翻译喽

kindeditor4.1.11版自定义插入网络视频代码(支持哔哩、优酷、爱奇艺、土豆、腾讯视频、56等视频网站)相关推荐

平台活动免费送，免费领取1个月优酷/爱奇艺/腾讯视频会员
免费领取1个月优酷/爱奇艺/腾讯视频会员,视频会员免费撸活动. 1.手机应用商店搜索下载"喵惠"APP: 2.喵惠APP上点击进入"淘特1分购",完成1分购包邮 ...
爱奇艺、腾讯视频等接连涨价地主家也没有余粮了？
继爱奇艺.芒果TV后,腾讯视频会员也要涨价了. 4月9日,腾讯视频宣布将于4月20日零点对腾讯视频VIP和超级影视VIP会员价格进行调整.其中,腾讯视频VIP月卡以及超级影视VIP的多项套餐等5种会员 ...
爱奇艺怎么看不了电视剧和视频
不管这个爱奇艺好用与否,都有一大批用户,本文小编分享"爱奇艺怎么看不了电视剧和视频".爱奇艺客户端为您推荐更多精选热门视频,通过多条件筛选快速定位匹配结果,提供多种画质.多种语言切 ...
步爱奇艺与腾讯视频的后尘，B站扬帆出海能否跨海破圈？
2020年,"出海潮"成为不少互联网企业的动作之一,哔哩哔哩的出海计划也已经提上了日程. 12月28日消息,B站已经登陆东南亚市场.视频平台"出海",在哔哩哔哩 ...
爱奇艺“划啦”正式上线，卡位视频种草为用户个性化推荐精品内容
明明好剧好片扎堆上映,但常常还是会陷入"片荒"的困境中.不是因为"无片可看",而是因为对作品本身了解不够.为了解决用户"不知道看什么"的问题 ...
爱奇艺路香菊：视频人物识别关键技术及其应用|爱奇艺技术沙龙回顾
主讲人 | 路香菊爱奇艺科学家张康编辑整理量子位编辑 | 公众号 QbitAI 近日,爱奇艺技术沙龙"多模态视频人物识别的关键技术及应用"成功举办,爱奇艺科学家路香菊出席并 ...
阻止爱奇艺、腾讯视频强制更新，和爱奇艺万能播放器联网
1.阻止爱奇艺强制更新在地址栏输入%appdata%\IQIYI Video\LStyle,将此文件夹下的QyUpdate.exe和QyUpdate.ini设置为只读,然后复制粘贴一份,命名为QyU ...
获取优酷(youku)，土豆(tudou)，乐视(letv)，爱奇艺(iqiyi)等HTML5页面上的视频真正地址
http://blog.csdn.net/conowen/article/details/24027401 /********************************************* ...
爱奇艺手机客服端储存的视频，如何在手机文件夹里面找到啊？
网上许多教程都过期啦.不过方向算是正确的! 先说在哪里:内部存储设备\Android\data\com.qiyi.video\files\app\download\video 里面数字命名的文件夹,打 ...

kindeditor4.1.11版自定义插入网络视频代码(支持哔哩、优酷、爱奇艺、土豆、腾讯视频、56等视频网站)

kindeditor4.1.11版自定义插入网络视频代码(支持哔哩、优酷、爱奇艺、土豆、腾讯视频、56等视频网站)相关推荐

最新文章

热门文章