CodeMirror缺少的行號，它顯示了一個簡單的textarea只

我已經集成CodeMirror與下面的代碼，CodeMirror缺少的行號，它顯示了一個簡單的textarea只

<style> 
.CodeMirror { 
    border-top: 1px solid #888; 
    border-bottom: 1px solid #888; 
} 
</style> 
<body> 
    <textarea id="myCode"></textarea>  
    <script type="text/javascript"> 
     window.onload = function() { 
     var myTextarea = $("#myCode")[0]; 
     editor = CodeMirror.fromTextArea(myTextarea, { 
      lineNumbers: true 
     }); 
     }; 
    </script> 
</body>

，僅顯示了一個正常的textarea的，這看起來不像一個編輯器和行號缺失。如果我缺少任何東西，請幫助我。

當我將行var myTextarea = $("#myCode");替換爲var myTextarea = $("#myCode")[0]時，它也會顯示出edotor。

來源

2016-08-23 Nuju

看看這個fiddle。

HTML：

<textarea id="code"></textarea>

JS：

var minLines = 5; 
var startingValue = ''; 
for (var i = 1; i < minLines; i++) { 
    startingValue += '\n'; 
} 

var editor = CodeMirror.fromTextArea(document.getElementById("code"), { 
    lineNumbers: true, 
    gutter: true, 
    lineWrapping: true, 
    value: startingValue 
}); 

//FIX FOR MIN LINES 
//http://stackoverflow.com/questions/10380759/codemirror-minimum-lines-number 
editor.setValue(startingValue);

來源

2016-12-26 19:06:41 STEN

CodeMirror缺少的行號，它顯示了一個簡單的textarea只

回答

相關問題