javascript - 按 ctrl+s 后使 TinyMCE+JEditable 提交

Question

更新时间:2011 年 5 月 13 日

请在下面的我的答案中找到解决方案。

---

更新时间:2011 年 5 月 5 日

所以我现在遇到的问题是我想在按 Ctrl+S 后调用 JEdtiable 提交按钮。伟大的 Thariama 展示了 TinyMCE 的 Ctrl+S 部分，所以现在我必须弄清楚如何让 JEditable 提交。

按 Ctrl+S 后，我尝试找到提交按钮并根据 invoke cancel on jeditable 单击它.不起作用。

这是我的 JEditable 初始化的相关代码:

    //Edit Note
$(function(){
   $(".edit").editable('ajax/save.php?editnotetext', {
      type : 'mce',
      submit : '<button class="save_button">Save</button>',
      cancel: 'Cancel',
      event: 'dblclick',
      indicator : 'Saving...',
      tooltip : 'Doubleclick to edit...',
      onblur: 'ignore',
      width : '700px',
      height : '100px'
   });
});

这是我尝试提交的代码

var receiveShortCutEvent = function(e) {
  if (e.ctrlKey){
        //console.log('e.keyCode:',e.keyCode);
        var handled = true; // default case set this to false which lets the browser execute a browsershortcut if existent
        switch (e.keyCode){   // be careful that keyCode may differ in browsers sometimes 
          case 83 : 
              $('.edit').find('.save_button').click();
              break;

          default : handled = false;
        }
    }
};

欢迎任何想法!

---

2011 年 4 月 28 日

将 TinyMCE 与 JEditable 结合使用(根据 http://sam.curren.ws/index.cfm/2008/6/12/jEditable-TinyMCE-Plugin )。编辑内容后，我想按 Ctrl+S 提交。不幸的是，没有提交任何内容，我只剩下我的原始内容。如果我按下提交按钮，它确实有效。

我试过:

$(function(){
    $(".edit").keypress(function(event) {
        if ((event.which == 115 && event.ctrlKey)){
            alert("you pressed ctrl-s!");
            $(this).submit();
        }
    });


   $(".edit").editable('ajax/save.php?editnotetext', {
      type : 'mce',
      submit : 'save',
      cancel: 'cancel',
      indicator : 'Saving...',
      tooltip : 'Click to edit...',
      onblur: 'ignore',
      width : '500px',
      height : '100px'
   });
});

Answer 1

看看这些用于创建键盘快捷键的 jquery 插件。这可能是您正在寻找的。

hotkeys

js-hotkeys