Codemirror - 最小行数

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)

也许有一个简单的解决方案来插入空行?

Eli*_*lka 6

删除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因为它会发生冲突并取消插入的空行.