javascript - Codemirror - 最小行数

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

min-height 对我有用，但不要为高度插入空行。

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 */
}

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

最佳答案

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

关于javascript - Codemirror - 最小行数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10380759/