如何在遇到特定表达式时在 codemirror 中动态更改模式？

Question

在 textarea 中，只要遇到 '

function determineCodeMirrorType(cm) {
  if (cm.getOption('mode') == 'text/ftl') {
    checkAndSwitchToHTML(cm, cm.getValue());
  } else if (cm.getOption('mode') == 'text/html') {
    checkAndSwitchToFTL(cm, cm.getValue());
  }
}

function checkAndSwitchToHTML(cm, val) {
  if (/^\s*</.test(val)) {
    cm.setOption("mode", "text/html");
  }
}

function checkAndSwitchToFTL(cm, val) {
  if (/[<#|<@|$]/.test(val)) {
    cm.setOption("mode", "text/ftl");
  }
}

function buildCMInstance(mode, value) {
  var cm = CodeMirror.fromTextArea(document.getElementById("code"), {
    mode:mode,
    value:value,
    lineNumbers:true,
    onChange:function(cmInstance){ 
      determineCodeMirrorType(cmInstance); //The call to this function is not made.
    })
  });
  return cm;
}

$(document).ready(function(){
  var cm = buildCMInstance("text/ftl")
});

我想知道是否有任何可以通过调用函数“determineCodeMirrorType”来允许代码动态更改的选项。

Answer 1

onChange 在最近的 CodeMirror 版本中不存在。您必须通过调用cm.on("change", function(cm, change) { .... }) 来注册事件处理程序。