如何根據SelectList中的選定值更改CodeMirror編輯器的模式

Question

在我的應用程序中，我有一個文字區域以及一個包含代碼鏡像支持的語言的選擇列表。 有人能告訴我如何在用戶從選擇列表中選擇一種語言時更改代碼鏡像編輯器的模式（編程語言）嗎？我是否需要手動爲選定模式加載js文件？是否有任何設置需要在飛行中改變？我是否需要爲所有支持的模式預加載js文件？謝謝！

Answer 1

還有的loadmode插件，可以與幫助。例如，請參閱demo。

Answer 2

做它以這樣一種方式：

function loadModeForSelectedOption() { 
    var script = $("#mode option:selected").attr('data-script'); 
    var mode = $("#mode option:selected").attr('data-mime-type'); 
    loadJS(script, function() { 
     myCodeMirror.setOption("mode", mode); 
    }); 
} 

function loadJS(src, callback) { 
    var s = document.createElement('script'); 
    s.src = src; 
    s.async = true; 
    s.onreadystatechange = s.onload = function() { 
     var state = s.readyState; 
     if (!callback.done && (!state || /loaded|complete/.test(state))) { 
      callback.done = true; 
      callback(); 
     } 
    }; 
    document.getElementsByTagName('head')[0].appendChild(s); 
} 

，並選擇列表與語言（舉幾個例子）：

<option value=108 
     data-mime-type="text/x-csrc" 
     data-script="/Scripts/codemirror-2.37/mode/clike/clike.js"> 
    C 
</option> 
<option value=110 
     data-mime-type="text/x-csharp" 
     data-script="/Scripts/codemirror-2.37/mode/clike/clike.js"> 
    C# 
</option> 
<option value=109 
     data-mime-type="text/x-c++src" 
     data-script="/Scripts/codemirror-2.37/mode/clike/clike.js"> 
    C++ 
</option>