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

Question

我使用Monaco Editor。

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

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

问题

• 当我放大窗口时，摩纳哥编辑器将按预期进行。
• 缩小窗口时，摩纳哥编辑器不会调整大小（高度）。

问题

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

我尝试过的方法不起作用

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

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

演示

我先放大，然后通过增大/减小开发者控制台来减小高度。

Answer 1

我们也正在努力解决这个问题。答案是使布局采用空对象而不是不带参数，因此调整大小功能变为

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

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

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

解决该问题。

Answer 2

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

我做了类似的事情来帮助调整窗口大小时重新绘制和调整大小，并使用.layout（）函数而没有任何问题。

由于在此窗口调整大小功能的范围内“编辑器”可以为空或不能广泛使用，因此请参见代码