无界微前端环境下MonacoEditor鼠标错误问题解决办法

在使用wujie微前端框架内的子应用MonacoEditor会出现光标标错误问题。
原因是因为:
MonacoEditor 的 document.caretRangeFromPoint 在无界中无法兼容。
MonacoEditor 其实已经考虑到了 shadowRoot 的情况,但是 MonacoEditor 和 无界没有兼容的地方在于 MonacoEditor 认为shadowRoot 一定在 document.body 内部,而无界子应用 document.body 在 shadowRoot 内部导致 MonacoEditor 认为编辑器不在 shadowRoot内。
因此解决办法:
找到以下源码位置:
无界微前端环境下MonacoEditor鼠标错误问题解决办法_第1张图片

无界微前端环境下MonacoEditor鼠标错误问题解决办法_第2张图片

按以上内容修改即可。

你可能感兴趣的:(微前端富文本编辑器)