codemirror-textarea 可像标准文本区域一样调整大小

Question

有谁知道如何使 codemirror textarea 像 text-area 一样可调整大小？

这样代码镜像文本区域就可以通过拖动底部的抓取器角来调整大小。

我知道 html div 是可能的（参见 div resizable like text-area ）但我没有设法在代码镜像上实现同样的事情。

原文由 Zo72 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

一些谷歌搜索表明它 在 CodeMirror 中不受支持， 但您可以使用 jQuery UI 实现它：

 var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
  lineNumbers: true,
});
$('.CodeMirror').resizable({
  resize: function() {
    editor.setSize($(this).width(), $(this).height());
  }
});

原文由 brianpeiris 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

没有 JQUERY ，只有 CSS

 .CodeMirror {
      resize: vertical;
      overflow: auto !important;
    }

经过一番努力，这个简单的代码实际上对我有用。我有一个可调整大小的 Codemirror 实例垂直滚动工作正常。

原文由 Tadeu Marques 发布，翻译遵循 CC BY-SA 3.0 许可协议