2014-01-24 32 views
2

任何人都可以告訴我如何獲得CodeMirror JavaScript代碼編輯器中的代碼摺疊工作vb(.net)模式?我對JavaScript的使用經驗很少,我似乎無法在用戶手冊中找到答案。我希望它在理想情況下摺疊類,模塊,函數,子類和註釋,但如果它僅基於縮進摺疊,會很高興。如何在CodeMirror中爲VB添加代碼摺疊?

回答

4

在StackFlow上找到了以下javascript代碼CodeMirror.fromTextArea函數elsewherefoldGutter屬性。效果很好。

foldGutter: { 
    rangeFinder: new CodeMirror.fold.combine(CodeMirror.fold.indent, CodeMirror.fold.comment) 
} 

因此,我網頁上的<script>元素看起來像這樣。

<script id="script"> 
    window.onload = function() { 
     var te = document.getElementById("codeEd"); 
     window.editor = CodeMirror.fromTextArea(te, { 
      mode: "text/x-vb", 
      styleActiveLine: true, 
      lineNumbers: true, 
      lineWrapping: false, 
      extraKeys: { "Ctrl-Q": function (cm) { cm.foldCode(cm.getCursor()); } }, 
      foldGutter: { 
       rangeFinder: new CodeMirror.fold.combine(CodeMirror.fold.indent, CodeMirror.fold.comment) 
      }, 
      gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"] 
     }); 
     editor.setSize("100%","100%"); 
    }; 
</script> 

由於aaldim