KindEditor實現按Ctrl+Enter回車鍵提交表單

2016-5-3 14:3:38 | 作者：老鐵SEO | 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特效  

相關推薦

• kindeditor上傳圖片后自動縮放尺寸2016-11-23 12:58:23
• kindeditor上傳圖片，默認顯示本地上傳2016-9-23 12:37:30
• kindeditor隱藏上傳圖片框網絡圖片或本地上傳的功能2016-9-22 15:33:54
• JS獲取指定A標簽的鏈接地址url的頂級域名和當前域名2016-9-20 10:49:24
• JS獲取三種CSS樣式的方法2016-9-20 10:45:6
• JS飄浮廣告代碼（兼容多瀏覽器）2016-9-7 13:17:30
• JS確認對話框confirm()用法總結（常用于彈出確定、取消刪除）2016-9-1 10:9:57
• JS跳轉頁面方法總結2016-8-30 14:59:0
• JS后退、前進、返回上一頁并刷新代碼2016-8-30 14:22:18
• JS提交表單方法總結2016-8-29 15:59:56