怎么给kindeditor编辑器添加引用(blockquote)标签
blockquote标签应该对于很多人来说是一个很常用的功能,用起来也是比较方便的。废话不多说了,下面开始改造之旅。
kindeditor添加自定义插件,添加“blockquote”插件
1、添加plugins/bockquote/bockquote.js文件。
代码如下 |
复制代码 |
KindEditor.plugin('bockquote', function(K) {
var self = this, name = 'bockquote';
self.clickToolbar(name, function() {
var lang = self.lang(name + '.'),
html = ['<div style="padding:10px 20px;">',
'<textarea class="ke-textarea" style="width:408px;height:260px;"></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 type = textarea.val();
html = '<blockquote>' + K.escape(type) + '</blockquote>';
self.insertHtml(html).hideDialog().focus();
}
}
}),
textarea = K('textarea', dialog.div);
textarea[0].focus();
});
});
|
2、定义语言,修改lang/zh_CN.js文件。添加以下代码。
bockquote:'插入引用',
3、修改themes/default/default.png图片和default.css文件
这个图片我已经修改好了,会的人可以自己用photoshop修改,是图片的最后一个图标。
default.css文件添加如下代码
代码如下 |
复制代码 |
.ke-icon-bockquote {
background-position: 0px -1248px;
width: 16px;
height: 16px;
}
|
4、添加调用编辑器时items数组里添加bockquote插件
代码如下 |
复制代码 |
items : ['bockquote'] |
补充:网页制作,js教程