网站地图 | RSS订阅 凌陈亮博客 - 专业上海SEO上海SEO优化,分享网站优化知识,同时提供上海SEO服务。
你的位置:首页 » 网站制作 » 正文

KindEditor实现按Ctrl+Enter回车键提交表单

2016-5-3 14:3:38 | 作者:凌陈亮 | 0个评论 | 人浏览

使用KindEditor编辑器创建内容区,想让表单即可以点提交按钮提交表单也可以按Ctrl+Enter回车键提交表单。
以下是KindEditor 4.1.11测试代码实例(部分HTML代码省略):

<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<script charset="utf-8" src="kindeditor/kindeditor-all.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh-CN.js"></script>
<script>
var KE;
KindEditor.ready(function(K) {
	KE = K.create('#content',{
		filterMode : false, //过滤HTML代码
		allowFileManager : true, //浏览图片空间
		afterCreate : function() { //设置编辑器创建后执行的回调函数
			var self = this;
			//Ctrl+Enter提交表单
			K.ctrl(document, 13, function() {
				self.sync();
				K('#form')[0].submit();
			});
			K.ctrl(self.edit.doc, 13, function() {
				self.sync();
				K('#form')[0].submit();
			});
		}
	});
});
</script>
<form>
<textarea id="content" name="content" style=" width: 99%; height: 500px; visibility: hidden; display: block; "></textarea>
</form>


  • 本文来自: 凌陈亮博客,转载请保留出处!欢迎发表您的评论
  • 相关标签:KindEditor  编辑器  JS特效  
  • 已有0位网友发表了一针见血的评论,你还等什么?

    必填

    选填

    记住我,下次回复时不用重新输入个人信息

    必填,不填不让过哦,嘻嘻。

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。