javascript - Codemirror - 最小行数

Question

有人确实有最小行数的解决方案 - 在 Codemirror 中？

最小高度对我有用，但不要为高度插入空行。

JS

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

CSS

.CodeMirror-scroll {
  overflow: auto;
  height: auto; overflow: visible;
  position: relative;
  outline: none;
  min-height: 300px; /* the minimum height */
}

也许有一个简单的解决方案可以为此插入空行？

Answer 1

删除 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
});

目前，CodeMirror 的 value 选项似乎对 2.21 版本没有影响。这可以通过在初始化后使用 setValue() 轻松绕过:

///...
// initialize as before, omitting the value option

editor.setValue(startingValue);

注意:确保不要设置 autoClearEmptyLines: true，因为它会发生冲突并取消插入的空行。