KindEditor 自定义插件

来源：互联网发布：linux zookeeper 安装编辑：程序博客网时间：2024/05/21 21:46

1.在plugins下新建文件夹 taobao

2.在taobao文件夹下新建taobao.js

KindEditor.plugin('taobao', function(K) {var self = this, name = 'taobao';self.plugin.taobao = {edit : function() {var lang = self.lang(name + '.'),html = '<div style="padding:20px;">' +//url'<div class="ke-dialog-row">' +'<label for="keUrl" style="width:60px;">链接</label>' +'<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:260px;" /></div>' +//type'<div class="ke-dialog-row"">' +'<label for="keTitle" style="width:60px;">标题</label>' +'<input class="ke-input-text" type="text" id="keTitle" name="title" value="" style="width:260px;" /></div>' +'</div>' +'</div>',dialog = self.createDialog({name : name,width : 450,title : self.lang(name),body : html,yesBtn : {name : self.lang('yes'),click : function(e) {var url = K.trim(urlBox.val());var title=K.trim(titleBox.val());if (url == 'http://' || K.invalidUrl(url)) {alert(self.lang('invalidUrl'));urlBox[0].focus();return;}var itemStr="<a data-type=\"0\" biz-itemid=\"null\" data-tmpl=\"350x100\" data-tmplid=\"6\" data-rd=\"2\" data-style=\"2\" data-border=\"1\" href=\""+url+"\">"+title+"</a>";self.insertHtml(itemStr).hideDialog().focus();}}}),div = dialog.div,urlBox = K('input[name="url"]', div),    titleBox=K('input[name="title"]', div);urlBox.val('http://');self.cmd.selection();var a = self.plugin.getSelectedLink();if (a) {self.cmd.range.selectNode(a[0]);self.cmd.select();urlBox.val(a.attr('data-ke-src'));titleBox.val(a.text());}urlBox[0].focus();urlBox[0].select();},'delete' : function() {self.exec('unlink', null);}};self.clickToolbar(name, self.plugin.taobao.edit);});

3.添加样式，themes/default/default.css

.ke-icon-taobao {background-position: 0px -624px;width: 16px;height: 16px;}

4.在lang/zh_CN.js里添加

taobao:'淘宝',

5.修改初始化配置文件

一.在items 中添加taobao该自定义插件

二.修改htmlTags中标签设置指定保留的属性，如A标签中

a : ['id', 'class', 'href', 'target', 'name','data-type','biz-itemid','data-tmpl','data-tmplid','data-rd','data-style','data-border'],

htmlTags 指定要保留的HTML标记和属性。哈希数组的key为HTML标签名，value为HTML属性数组，"."开始的属性表示style属性。

0 0