Javascript Codemirror自动调整到给定行数

我正在尝试允许codemirror自动调整大小到给定的行数或像素高度。达到此最大大小后，小部件应添加滚动条

CodeMirror.fromTextArea(document.getElementById("code"), {
   lineNumbers: true,
   viewportMargin: 50

}))

“最大高度”不起作用

.CodeMirror {
 border: 1px solid #eee;
 height: 100%;
}

---

这样的事情怎么样：

var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("code"), {
   lineNumbers: true,
   viewportMargin: 50
});

var height;
if(myCodeMirror.lineCount() > 5) {
    height = 50;
} else {
    height = 20 * myCodeMirror.lineCount();
}
myCodeMirror.setSize(500, height);

---

这是一个例子。您可以处理事件，以便在行更改时动态调整CodeMirror的大小。

您应该为

.CodeMirror

提供

高度：自动
样式，并将
最大高度
置于
上。CodeMirror滚动
。上的嵌入式编辑器执行此操作（查看源代码，它就在顶部附近）
 这就是我的工作。
CodeMirror滚动条
导致其自身尺寸过大。不管文档怎么说，您都不需要对
viewportMargin
执行任何操作

.CodeMirror {
    border: 1px solid #eee;
    height: auto;
    max-height:100px;
}

.CodeMirror-scroll {
    height: auto;
    max-height:100px;
}

重复？不，这不是一个固定的大小，而是一个可调整大小的最大我正在寻找你可以尝试在小提琴，这不是预期的工作。在小提琴测试，它的工作非常完美。只需设置其他文本行和20行，而不是按行检查Marijn的答案（他是项目的所有者）。尽管如此，还是要感谢您的努力。非常感谢，贝宝捐赠会很方便；-）这是正确的做法。请考虑在一个容易找到的地方添加到文档中。当我尝试它时，这似乎不起作用。AutoRoor卷轴只保存了我的一天。没有编辑器，编辑器总是显示100%的高度。谢谢