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

Question

所以我有一个被 DIV 容器包围的文本区域:

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

并且使用 CodeMirror 将此文本区域转换为代码编辑器:

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

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

有人知道解决这个问题的办法吗？

Answer 1

refresh()
If your code does something to change the size of the editor element (window resizes are already listened for), or unhides it, you should probably follow up by calling this method to ensure CodeMirror is still looking as intended.

来自 CodeMirror manual (假设您使用的是版本 2)