摩纳哥编辑器强制调整编辑器大小

Jen*_*ell 5 javascript height resize monaco-editor

我使用摩纳哥编辑器

我的完整代码太长,无法在这里发布,但这是我的设置:

automaticLayout: true,
folding: false,
theme: 'vs-dark',
lineNumbers: 'off',
minimap: {
    enabled: false
}
Run Code Online (Sandbox Code Playgroud)

问题

  • 当我放大窗口时,摩纳哥编辑器会按预期显示。
  • 当我缩小窗口时,Monaco 编辑器不会调整大小(高度)。

问题

如何强制从脚本触发调整大小?

我尝试过,但没有成功

发生的情况是,每次窗口更改时都会输出控制台消息,但不会输出摩纳哥高度。

window.onresize = () => {
  console.log('Window resize');
  editor.layout();
});
Run Code Online (Sandbox Code Playgroud)

演示

我首先放大,然后通过增大/缩小开发人员控制台来减小高度。

在此输入图像描述

Gre*_*lds 8

我们也一直在努力解决这个问题。答案是让布局采用一个空对象而不是没有参数,因此调整大小函数变成

window.onresize = () => {
  console.log('Window resize');
  editor.layout({});
});
Run Code Online (Sandbox Code Playgroud)

请注意,打字稿不喜欢这样,因为对象显然应该包含宽度和高度。

window.onresize = () => {
  console.log('Window resize');
  editor.layout({} as monaco.editor.IDimension);
});
Run Code Online (Sandbox Code Playgroud)

修复了该问题。


War*_*ley -1

我可以建议您使用工具栏上的 Stack Overflow 代码片段/插入代码按钮发布完整的代码,以提供更多上下文。

\n\n

我做了类似的事情,以在调整窗口大小时帮助重绘和调整大小,并使用 .layout() 函数,没有任何问题。

\n\n

由于 \xe2\x80\x98editor\xe2\x80\x99 可能为空或在此窗口调整大小函数的范围内不广泛可用,因此最好查看代码

\n