摩納哥編輯器強制調整大小編輯器

Question

我使用摩納哥編輯器。

我的完整代碼太長，無法在此處發布，但這是我的設置：

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

問題

• 當我放大我的窗口時，摩納哥編輯器會按預期顯示。
• 當我縮小窗口時，摩納哥編輯器不會調整大小（高度）。

問題

如何強制調整可以從我的腳本觸發的大小？

我試過的，沒用

發生的事情是每次窗口更改時都會輸出控制台消息，而不是摩納哥高度。

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

演示

我先放大，然后通過使開發人員控制台更大/更小來降低高度。

Answer 1

我們也已經解決了這個問題。 答案是讓布局帶一個空對象而不是沒有參數，所以resize函數就變成了

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

請注意，打字稿不喜歡這樣，因為對象顯然應該同時包含寬度和高度。

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

修復了這個問題。

Answer 2

我發現 min-height 效果很好：

height:100%
width:100%
min-height:100%
min-width:100%

Answer 3

我可以建議您使用工具欄中的 Stack Overflow 代碼段/插入代碼按鈕發布完整代碼以提供更多上下文。

當調整窗口大小並使用 .layout() 函數時，我做了類似的事情來幫助重繪和調整大小，沒有任何問題。

由於“編輯器”可能為空或在此窗口大小調整功能的范圍內無法廣泛使用，因此最好查看代碼