3

所以我有一个由 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 编辑器不会像它应该的那样出现。它只显示一行,您必须在其中实际单击才能重新绘制并正确显示。

有谁知道解决这个问题?

4

1 回答 1

7

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

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

于 2011-06-15T17:18:13.207 回答