これは私がしばらく前にサイト用に作成したコードであり、Enterキーで送信できますが、Shift + Enterキーを押したままにして、新しい行を作成できます(自動送信するテキスト領域として)。
jQueryを使用して記述されています。
var TextBox = $('.autosubmit');
var code =null;
// on keypress do this
TextBox.keyup(function(e)
{
// get keycode
code= (e.keyCode ? e.keyCode : e.which);
// if keycode is 13 (enter)
if (code == 13 && e.shiftKey) {
var content = this.value;
var caret = getCaret(this);
this.value = content.substring(0,caret)+"\n"+content.substring(carent,content.length-1);
event.stopPropagation();
} else if (code == 13) {
$(this).closest("form").submit();
}
});
function getCaret(el) {
if (el.selectionStart) {
return el.selectionStart;
} else if (document.selection) {
el.focus();
var r = document.selection.createRange();
if (r == null) {
return 0;
}
var re = el.createTextRange(),
rc = re.duplicate();
re.moveToBookmark(r.getBookmark());
rc.setEndPoint('EndToStart', re);
return rc.text.length;
}
return 0;
}
ただし、CKEditor内で機能するかどうかはわかりません。これを行う最良の方法は、次のようなものを構成ファイルに追加することです。
config.keystrokes =
[
[ CKEDITOR.ALT + 121 /*F10*/, 'toolbarFocus' ],
[ CKEDITOR.ALT + 122 /*F11*/, 'elementsPathFocus' ],
[ CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' ],
[ CKEDITOR.CTRL + 90 /*Z*/, 'undo' ],
[ CKEDITOR.CTRL + 89 /*Y*/, 'redo' ],
[ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90 /*Z*/, 'redo' ],
[ CKEDITOR.CTRL + 76 /*L*/, 'link' ],
[ CKEDITOR.CTRL + 66 /*B*/, 'bold' ],
[ CKEDITOR.CTRL + 73 /*I*/, 'italic' ],
[ CKEDITOR.CTRL + 85 /*U*/, 'underline' ],
[ CKEDITOR.ALT + 109 /*-*/, 'toolbarCollapse' ],
[ 13, 'save'] // note this line
];
save
これにより、Enter時にイベントが追加されますが、他のデフォルトのキーストロークは保持されます。