[Bug] 编辑代码块时 光标位置跟实际位置不符

[chenbihao]

Bug Description | 问题描述

编辑代码块时 光标位置跟实际位置不符

Steps to Reproduce | 复现步骤

在ubuntu中，编辑代码块时，光标与实际渲染文本位置不一致，win还没测

Screenshots | 截图

例如以下测试文本，代码末尾是没有空格的，但光标可以框选到空的内容，并且输入时发现其实是渲染位置跟实际位置不匹配。

Environment | 环境信息

• OS: ubuntu 24
• Obsidian Version: 1.8.10
• Plugin Version: 1.2.2

[RavenHogWarts]

我没有复现出你提到的问题，应该和系统没关系，是不是你复制的代码格式不对

[RavenHogWarts]

@TracingOrigins 测试的也没复现出你提到的问题

[chenbihao]

我没有复现出你提到的问题，应该和系统没关系，是不是你复制的代码格式不对

代码是我从idea示例拷贝用来测试用的，在ob编辑器中是没问题的：

我用win测了下发现也会，应该跟平台无关，最终排查到了字体样式的问题，好像font-family有值就会有问题，您试试看能不能复现，样式片段：

* {
  font-family: sans-serif;
  /* font-family: 'Zhudou Sans Normal SS02', '微软雅黑', "Segoe UI", "OpenSans-Medium", sans-serif; */
}

可能是切换字体后渲染与定位错位了？

[RavenHogWarts]

换个字体吧，这个Zhudou Sans的问题

[chenbihao]

换个字体吧，这个Zhudou Sans的问题

不是单独这个字体的问题，是光标渲染问题

当换了不同宽度字体的时候，字体显示宽度变了而光标还在原地。

所以理论上应该是配置所有不同宽度的字体都会有这个问题，例如随便配个Ubuntu或者Ubuntu Sans也会出现，而Ubuntu Sans Mono 则不会，因为Mono是等宽的（您用的字体应该也是等宽的居多，所以才没遇到这个问题）。

换了其他不等宽的字体效果（测试本机没微软雅黑和zhudou，不过覆盖同理）：

更深入的样式排查猜测：

ace代码块内，都是通过body.--font-xx来配置的字体

body {
    --font-xxx

，光标也是：

所以，当有 *.font-family 覆盖字体时，ace代码块内的字体渲染被覆盖了，但是光标div还是原来的样子，所以导致了错位。

所以才会出现这种结果：

综上所述，是因为编辑光标没适配非等宽字体的原因，不是个别字体有问题导致的，可以重新打开这个issue 。

[RavenHogWarts]

ajaxorg/ace#460

ajaxorg/ace#2548

目前来说ace没有很好的解决方案，只能是优先换成使用等宽字体