jquery - 键盘快捷键 JQUERY - Command+S、Control+S

标签 jquery keyboard ckeditor

我的网站上有一个文本编辑器,我希望用户能够使用键盘快捷键进行保存,就像在 Microsoft Word 中一样:

  • 对于 Mac:Cmd+S
  • 对于 PC:Ctrl+S

在 jQuery 中实现此目的的最佳方法是什么?另外,这将用于在 CKEditor 中保存内容,CKEditor 使用 iFrame,不确定这是否是一个问题。

最佳答案

您知道 CKEditor 有 built in hotkey functionality

实现起来非常简单:您在配置数组中设置一个数组keylines;从上面的链接获取示例数组;查找“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' ]
];

关于jquery - 键盘快捷键 JQUERY - Command+S、Control+S,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1977636/

相关文章:

javascript - 改变这个内部对象的行为

android - 在 Fragment 中隐藏键盘

java - 使用键盘滚动弹出列表时如何使 JComboBox 所选项目不更改

javascript - CKEditor(5) - 如何删除选择表小部件?

ckeditor - CKEditor 的公共(public) CDN

javascript - CKEditor 是 html 编码,但它不应该是

javascript - 如何在jquery中比较两个格式为 "dd-mm-yyyy hh:mm"的日期

jquery - 像 Facebook 一样的图像网格显示

keyboard - flutter 数字键盘没有完成按钮

javascript - JQuery 不会从 Rails 表单中的文本字段中提取文本