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

时间:2011-06-15 17:14:39

标签: javascript forms show-hide codemirror

所以我有一个被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编辑器看起来不应该如此。它只显示一行,你必须实际点击它内部才能重绘并正确显示。

有没有人知道修复此问题?

1 个答案:

答案 0 :(得分:7)

  

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

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