解决 Monaco Editor 在 macOS 系统上光标错位

Posted 尹宇星_Kim

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决 Monaco Editor 在 macOS 系统上光标错位相关的知识,希望对你有一定的参考价值。

造成这个问题的是因为页面设置的字体大小是 14px,但是光标的计算在 Windows 和 MacOS 上却有区别。

在 Windows 上是按 14px 字体算的,所以不会错误,而在 MacOS 上却是按 12px 算的,所以输入的字符越多,错误的就约厉害。

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

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

以上是关于解决 Monaco Editor 在 macOS 系统上光标错位的主要内容,如果未能解决你的问题,请参考以下文章

# Monaco Editor 使用

monaco editor + vue的配置

获取和恢复monaco editor的undo/redo栈

在 umijs 项目中使用 Monaco Editor 的配置

在vue项目中使用monaco-editor

editor.IStandaloneCodeEditor'不可分配给'monaco.editor.IStandaloneCodeEditor'类型的参数