关于前端:Monaco-Editor-光标定位问题及解决

37次阅读

共计 379 个字符,预计需要花费 1 分钟才能阅读完成。

问题景象

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

可能引起的起因

字体起因

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

monaco.editor.remeasureFonts()

具体参考官网文档阐明

2、存在 font 相干款式变动 比方,font-size、font-family 等。这时须要保障编辑器初始化前后字体相干款式保持一致就能够了(可能须要与下面的办法一起应用)。

微前端起因

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

正文完
 0