CodeMirror不足している行番号、それはそれは、エディタと行番号のように見えない、唯一の通常のテキストエリアを示し、私は以下のコードで<strong>CodeMirror</strong>を統合した唯一の

シンプルテキストエリア、CodeMirror不足している行番号、それはそれは、エディタと行番号のように見えない、唯一の通常のテキストエリアを示し、私は以下のコードで<strong>CodeMirror</strong>を統合した唯一の

<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>

を示し欠けている。私が何か不足している場合は私を助けてください。

私はvar myTextarea = $("#myCode")[0]とラインvar myTextarea = $("#myCode");を交換するとき、それは同様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不足している行番号、それはそれは、エディタと行番号のように見えない、唯一の通常のテキストエリアを示し、私は以下のコードで<strong>CodeMirror</strong>を統合した唯一の

答えて

関連する問題