CodeMirror 2 - 隐藏的textarea取消隐藏后编辑器高度错误

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编辑器看起来不应该出现.它只显示一行,你必须实际点击它内部才能重绘并正确显示.

有谁知道解决这个问题？

Answer 1

refresh()
如果你的代码做了一些事情来改变编辑器元素的大小(已经监听了窗口调整大小),或者取消隐藏它,你应该通过调用这个方法来跟进,以确保CodeMirror仍然按照预期的方式查找.

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