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

发布于 2024-11-15 20:42:10 字数 444 浏览 5 评论 0原文

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

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

并且该文本区域使用 CodeMirror 转换为代码编辑器：

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

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

有谁知道解决这个问题吗？

原文

so I have a textarea surrounded by a DIV container:

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

and this textarea is tranformed into a code editor using CodeMirror:

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

the problem is that when the container of the textarea is hidden (some times it is, depending on what the user chooses to display), then after toggling to unhide it the CodeMirror editor doesn't appear like it should. It only shows one line, and you have to actually click inside it to redraw and show properly.

Does anyone know a fix for this?

分享到QQ

分享到微博