mrz*_*myr 3 javascript css codemirror
硬骨素抗体确实具有用于分钟行数的溶液-在Codemirror?
min-height为我工作但不插入空行高度.
JS
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
lineNumbers: true,
gutter: true,
lineWrapping: true
});
Run Code Online (Sandbox Code Playgroud)
CSS
.CodeMirror-scroll {
overflow: auto;
height: auto; overflow: visible;
position: relative;
outline: none;
min-height: 300px; /* the minimum height */
}
Run Code Online (Sandbox Code Playgroud)
也许有一个简单的解决方案来插入空行?
删除min-height: 300px;并使用新行作为起始值初始化编辑器:
var minLines = 3;
var startingValue = '';
for (var i = 0; i < minLines; i++) {
startingValue += '\n';
}
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
lineNumbers: true,
gutter: true,
lineWrapping: true,
value: startingValue
});
Run Code Online (Sandbox Code Playgroud)
目前,CodeMirror的value选项似乎对版本2.21没有影响.这可以通过setValue()初始化后使用来轻松绕过:
///...
// initialize as before, omitting the value option
editor.setValue(startingValue);
Run Code Online (Sandbox Code Playgroud)
注意:请
确保不要设置,autoClearEmptyLines: true因为它会发生冲突并取消插入的空行.