手机游戏
经典单机
角色扮演
休闲益智
动作冒险
射击枪战
赛车竞速
模拟经营
解密闯关
策略战争
手机软件
时尚购物
体育运动
资讯阅读
教育学习
摄影摄像
生活服务
效率办公
聊天社交
视频盒子
其它软件
新闻资讯
游戏攻略
软件教程
游戏问答
软件资讯
软件技术
叨叨念念
网站技术
技术问答
软件教程
资源资料
原创作品
代码学习
网页设计
网络技术
合集
合集
游戏合集
软件合集
资讯合集
视频合集
首页 > 原创作品 > 原创作品

为kindeditor编辑器添加“引用”(blockquote)标签

作者:星知苑 时间:2013-12-25 11:25:09

相信引用<blockquote>标签定义块引用,这个功能大家不陌生吧,很多用过论坛,用其他的编辑器的人很多时候多用过引用<blockquote>这个功能。而且所有主流的浏览器均支持 <blockquote> 标签。但是kindeditor编辑器不知道为什么就是不加入这个功能,其实kindeditor要加入这个功能还是很简单的,写入插件即可。

这个是测试引用blockquote标签

blockquote标签应该对于很多人来说是一个很常用的功能,用起来也是比较方便的。

PS:其实这个我是为了emlog中kindeditor编辑器写的,方便博客写文章的人士。[break]

 

kindeditor添加自定义插件,添加“blockquote”插件。

修改好的源码下载地址:百度网盘(editor/kindeditor.js文件没有修改需要自己修改)

 

by 2013-12-25 更新支持kindeditor 4.1.10版本(升级到1.1版本)

1、更新引用内容为空时插入提示;

2、更新引用插入后在编辑器中显示效果;

 

修改步骤:

1、添加plugins/bockquote/bockquote.js文件。(你没看错,文件夹名称少了个L,稍微做个广告不介意吧!)

/*******************************************************************************
* bockquote - KindEditor二次开发
*
* @author Star Yu <vip@myxzy.com>
* @site http://www.myxzy.com/
*******************************************************************************/

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> ';
					if (K.trim(type) === '') {
							alert(lang.pleaseInput);
							textarea[0].focus();
							return;
						}
						self.insertHtml(html).hideDialog().focus();
						}
				}
			}),
			textarea = K('textarea', dialog.div);
		textarea[0].focus();
	});
});

2、添加plugins/bockquote/bockquote.css文件,用于编辑器显示效果。

blockquote {
	border: 0;
	background-color:rgb(245,245,245);
	border-left: 3px solid rgb(0, 225, 225);
	margin-left: 2em;
	padding: 0.5em;
	font-size: 110%;
	display: block;
	font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
	margin: 1em 0px;
	white-space: pre;
}
blockquote {
	width: 630px;
	margin: 1em auto;
	padding: 1em;
	white-space: pre-wrap;
}

 

3、定义语言,修改lang/zh_CN.js文件。添加以下代码。

	bockquote : '插入引用',
	'bockquote.pleaseInput' : '请输入引用文本。',

 

4、修改themes/default/default.png图片和default.css文件

这个图片我已经修改好了,会的人可以自己用photoshop修改,是图片的最后一个图标。

default.css文件添加如下代码

.ke-icon-bockquote {
	background-position: 0px -1248px;
	width: 16px;
	height: 16px;
}

5、添加调用编辑器时items数组里添加bockquote插件


 

items : ['bockquote'],

cssPath :[ './editor/plugins/bockquote/bockquote.css'],

 

by 2013-05-10(发布1.0版本)

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

 

良心推荐

飞行射击游戏手游大全
  • 战机代号666破解版无限钻石
  • 星际银河战机游戏
  • 空中战场3d雷霆空战无限金币版
  • x战机下载
  • 现代战争直升机无限金币版
  • 空战争锋安卓手游安卓
炫酷的飞机各种炸天的弹幕满天飞,让你享受手机飞机的那种指尖上的欢乐,特别好玩的多款不同的类型的飞行游戏,有单机的也有联网的都是很棒的画面还有操作也是相当的简单,游戏的功能也是多种多样绝对是手机必备的游戏,相信在这里玩家们可以找到属于自己的一款超喜欢的飞行游戏,还是不用氪金的那种哦。

相关资讯