javascript - CodeMirror 2 - 隐藏文本区域取消隐藏后编辑器高度错误

Question

所以我有一个由 DIV 容器包围的 textarea：

<div>
  <textarea id="code"> some text here </textarea>
</div>

并且使用 CodeMirror 将这个 textarea 转换为代码编辑器：

CodeMirror.fromTextArea('code', {
  lineNumbers: true,
  matchBrackets: true,
  mode: 'text/html'
});

问题是，当 textarea 的容器被隐藏时（有时它是隐藏的，取决于用户选择显示的内容），然后在切换到取消隐藏它之后，CodeMirror 编辑器不会像它应该的那样出现。它只显示一行，您必须在其中实际单击才能重新绘制并正确显示。

有谁知道解决这个问题？

score 7 · Accepted Answer

refresh()
如果你的代码改变了编辑器元素的大小（窗口调整大小已经被监听），或者取消隐藏它，你应该通过调用这个方法来确保 CodeMirror 仍然看起来像预期的那样。

来自CodeMirror 手册 （假设您使用的是版本 2）

1 回答 1