怎么给kindeditor编辑器添加引用（blockquote）标签

时间：2013-06-28 编辑：简简单单来源：一聚教程网

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 = ['

',
'<textarea class="ke-textarea" style="width:408px;height:260px;">',
'

'].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 = '

' + K.escape(type) + '

';
      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']

上一个： emlog后台添加标签/网站统计详解
下一个： emlog修改分页样式（分页函数）方法总结

推荐专题

最新下载

热门教程

怎么给kindeditor编辑器添加引用（blockquote）标签

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程