likes
comments
collection
share

Monaco Editor 光标定位问题及解决

作者站长头像
站长
· 阅读数 13

问题现象

monaco editor(编辑器)光标定位问题现象为点击编辑内容某个位置光标不会在该位置定位,而是发生偏移或者光标在编辑内容首位不动。

可能引起的原因

字体原因

1、编辑器实例先初始化,字体资源后加载而导致时通过编辑器暴露的API解决,如下

monaco.editor.remeasureFonts()

具体参考官方文档说明

2、存在font相关样式变化 比如,font-size、font-family等。这时需要保证编辑器初始化前后字体相关样式保持一致就可以了(可能需要与上面的方法一起使用)。

微前端原因

通过qiankun把应用编辑器的页面作为子应用嵌入到主应用,窗口发生滚动后初始化编辑器时,需想办法把窗口滚动到顶部(window.scroll(0, 0))再初始化编辑器。因为,在这种环境下编辑器源码逻辑存在缺陷,从应用成面去解决。否则,需要等待官方的升级。