在編輯器textarea上使用jQuery .keyup的CodeMirror

Question

我想在keyup上獲取Codemirror編輯器的Value，但是沒有用。 這是小提琴

var mixedMode = {
        name: "htmlmixed",
        scriptTypes: [{matches: /\/x-handlebars-template|\/x-mustache/i,
                       mode: null},
                      {matches: /(text|application)\/(x-)?vb(a|script)/i,
                       mode: "vbscript"}]
      };
      var editor = CodeMirror.fromTextArea(document.getElementById("HTML"), {mode: mixedMode,lineNumbers: true  });

$(document).ready(function(){
  $("#HTML").keyup(function(){
    html = editor.getValue();
    alert(html);
    });
}); 

Answer 1

CodeMirror隱藏了textarea元素，可以使用on方法來監聽編輯器實例的事件：

$(document).ready(function () {
    editor.on('change', function () {
        html = editor.getValue();
        alert(html);
    });
});

您可以在CodeMirror的手冊中找到受支持事件的列表。

http://codemirror.net/doc/manual.html#events

Answer 2

editor.on("keyup", function(cm, event) {
    //only show hits for alpha characters
    if(!editor.state.completionActive && (event.keyCode > 65 && event.keyCode < 92)) {
        if(timeout) clearTimeout(timeout);
        var timeout = setTimeout(function() {
            CodeMirror.showHint(cm, CodeMirror.hint.clike, {completeSingle: false});
        }, 150);
    }
});

用您正在使用的任何提示模式替換'CodeMirror.hint.clilke':)