制作 CodeMirror 编辑器及其装订线 100% 容器高度

【问题标题】：Make a CodeMirror editor and its gutter 100% height of container制作 CodeMirror 编辑器及其装订线 100% 容器高度
【发布时间】：2015-01-07 10:02:49
【问题描述】：

如何使 CodeMirror 编辑器及其排水沟达到其父级高度的 100%？

例如，在 jsfiddle 上，编辑器有一个 100% 高度的灰色排水沟。

我已经通过 CSS 尝试将所有内容设为 100% 高度，但没有任何效果。

【问题讨论】：

标签： codemirror

【解决方案1】：

像.CodeMirror { height: 100%; } 这样的CSS 规则应该可以工作。请注意，当父元素在编辑器初始化后更改大小时，您有责任在您的 CodeMirror 实例上调用 .refresh() 以确保它正确地绘制自己。

【讨论】：

至少在 9.0.1 的 Safari 上，您可以免除调用refresh() 的责任！

【解决方案2】：

显示 CodeMirror 时写入：

CodeMirror.setSize("100%", "100%");

【讨论】：

未捕获类型错误：CodeMirror.setSize 不是函数 - CodeMirror.version = "5.49.2"