代码镜像 : how to limit height in editor

Question

我正在使用 codemirror在网页上显示一些代码。但是当我初始化 codemirror 编辑器时，编辑器的高度远远超过代码中的行数。请see this fiddle或下图以了解我在说什么 下面是创建代码镜像编辑器的代码。

var myCodeArea = document.getElementById("codeArea");
var myCodeMirror = CodeMirror(function(elt) {
  myCodeArea.parentNode.replaceChild(elt, myCodeArea);
}, {value: myCodeArea.innerHTML,
   lineNumbers:true, mode:"javascript"});

我阅读了 codemirror 文档，但无法确定哪个属性控制高度。

请在这件事上给予我帮助

Answer 1

高度可以通过 CSS 设置(通过给 .CodeMirror 类一个 height 属性)，或者通过调用编辑器的 setSize方法。

如果您希望编辑器高度与其内容的高度相对应，请参阅 this demo .