javascript - Monaco Editor 强制调整大小编辑器

Question

我使用 Monaco Editor .

我的完整代码太长，无法在此处发布，但这是我的设置:

automaticLayout: true,
folding: false,
theme: 'vs-dark',
lineNumbers: 'off',
minimap: {
    enabled: false
}

问题

当我放大我的窗口时， Monaco Editor 会按预期进行。

当我缩小窗口时， Monaco Editor 不会调整大小(高度)。

问题

如何强制调整可以从脚本触发的调整大小？

我已经尝试过，但没有奏效

确实发生的是控制台消息在每次窗口更改时输出，但不是摩纳哥高度。

window.onresize = () => {
  console.log('Window resize');
  editor.layout();
});

演示

我先放大然后通过使开发者控制台变大/变小来降低高度。

Answer 1

我们也解决了这个问题。答案是让布局带一个空对象而不是没有参数，所以resize函数就变成了

window.onresize = () => {
  console.log('Window resize');
  editor.layout({});
});

请注意， typescript 不喜欢这样，因为对象显然应该包含宽度和高度。

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

修复了这个问题。