onethink的kindeditor编辑器自己没有带引用(blockquote)标签的,如果你需要增加是需要自己修改一些东西的,下面我来给大家介绍在onethink中给kindeditor编辑器添加引用(blockquote)标签具体步骤有需要了解的同学可参考。

blockquote标签应该对于很多人来说是一个很常用的功能,用起来也是比较方便的。废话不多说了,下面开始改造之旅。

onethink 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) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部