百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> 怎么给kindeditor编辑器添加引用(blockquote)标签
分享文章到:

怎么给kindeditor编辑器添加引用(blockquote)标签

发布时间:01/15 来源: 浏览: 关键词:
kindeditor编辑器自己没有带引用(blockquote)标签的,如果你需要增加是需要自己修改一些东西的,下面我来给大家介绍在eblog中给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']
打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有3人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板