解决 Monaco Editor 光标错位的问题

可以尝试下面两种解决:

方法一

这个方法是操作系统的兼容问题,在 Windows 上默认是按 14px 字体算的,所以不会错误,而在 MacOS 上却是按 12px 算的,所以输入的字符越多,错误的就越厉害。

解决办法是在 monaco.editor.create 的时候,第二个配置像参数里面显示设置字体大小

monaco.editor.create(elm, {
  fontSize: 14,
})

方法二

还有一种现象是因为编辑框里面的字体用了非等宽字体,导致计算不准确,Windows 下可以使用 Consolas 字体。

posted @ 2021-06-10 18:48  尹宇星_Kim  阅读(1947)  评论(0编辑  收藏  举报