CodeMirror textarea中的onresize事件

Question

当用户调整CodeMirror文本区域的大小时，我想调用一个函数。但是我在CodeMirror documentation的事件列表中找不到调整大小的事件。有什么方法可以做到这一点。我想做下面的事情。

editor.on('resize', function(){
   consolo.log('editor resized');
});

Answer 1

您可以使用 refresh 事件：

editor.on("refresh", function () {
  console.log('editor resized');
});

根据 CodeMirror 的文档：它会在编辑器刷新或调整大小时触发。

Answer 2

CodeMirror 没有在用户更改编辑器大小时触发的内置事件。但是，您可以使用 list_of_inputs = list(range(100)) count,number = max( (primeFactors(n),n) for n in set(list_of_inputs) ) print(number,count) # 90 3 。它在使用 setSize 以编程方式更改编辑器的大小时触发。

“刷新”（例如：CodeMirror）

<块引用>

当编辑器为 refreshed 或 resized 时触发。主要用于使依赖于编辑器或字符大小的缓存值无效。

---

您可以使用 "refresh" (instance: CodeMirror) 轻松观察任何 DOM 元素的大小。

调整大小观察者

<块引用>

ResizeObserver 界面会报告一个尺寸的变化 元素的内容或边框框，或 SVGElement 的边框。 - https://developer.mozilla.org

ResizeObserver

在上面的代码中，我观察了CodeMirror最外层元素的大小。你可以缩小范围。