KindEditor 自定义插件

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属性。