如何使monaco-editor外部尺寸变化时,编辑器的尺寸也随之变化

问题背景

我们在项目中使用了monaco-editor,但是当包裹的父容器宽度变化的时候里面的editor它的宽度却没有变化,这是为什么呢?
原因是在父容器宽度发生变化的时候monaco-editor没有重新渲染计算导致的

解决方案

mocanoEditorInstance?.layout()

在尺寸变化监听的函数里面调用mocano-editor实例上的那个重新计算布局尺寸的方法就好

如果你是react-monaco-editor首先在editorMount回调里直接可以获取到monaco的实例,如果你是原生JS,实例就是你创建的实例。

 monaco.editor.create()

猜你喜欢

转载自blog.csdn.net/chengqige/article/details/126979761