私のサイトにはテキストエディタがあり、Microsoft Wordの場合と同じように、ユーザーがキーボードショートカットを使用して保存できるようにしたいと考えています。
- Macの場合:Cmd+S
- PCの場合:Ctrl+S
jQueryでこれを達成するための最良の方法は何ですか?また、これは、iFrameを使用するCKEditorにコンテンツを保存するために使用されますが、それが問題であるかどうかはわかりません。
CKEditorにホットキー機能が組み込まれていることをご存知ですか?
実装は非常に簡単です。構成配列に配列keystrokes
を設定します。上記のリンクから配列の例を取得します。「S」のキーストロークを調べます。配列をそのエントリと適切な CKEditor コマンドで修正します。今はテストできませんが、これはどのように見えるべきかです。実行する「保存」操作に適したコマンドを検索する必要がある場合があります。
... your config array .....
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.CTRL + 83 /*S*/, 'save' ],
[ CKEDITOR.ALT + 109 /*-*/, 'toolbarCollapse' ]
];