行内代码导致其后的文本不显示

本贴最后更新于 180 天前,其中的信息可能已经时移世易

在使用思源的最近两个版本时,行内代码后跟着中文字符时会出现光标移动不正确以及内容显示不正确

image.png

此时光标在右边,当使用键盘左键或者鼠标鼠标直接点击该行时,光标会移动到行内代码后面,如下

image.png

如果光标此时在这个位置按退格键会删掉后面的文字,再按一次退格键,则后面的一行文字都消失

image.png

image.png

此时如果按空格键,则退格没有删除的文字会出现

image.png

这个 bug 可以稳定复现,后面如果是英文字符则没有这个问题,可以通过行内代码后面加一个空格隔开中文字符来避免

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    26253 引用 • 109125 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    10097 引用 • 45850 回帖 • 66 关注

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 重现不了这个问题,你使用思源的环境是什么?

    3 回复
  • lhw233

    win 10

  • lhw233

    screenshots.gif

    可以看这个动图,我先打了一个行内公式,然后打中文字符,之后左移光标一格,就到了行内公式的后面,之后按退格键,删除倒数第二个字符,其余的如图

  • lhw233

    使用的是思源 3.1.19,用的写味主题

  • lhw233

    切换回默认主题并关闭所有插件,然后重启思源笔记,并新建一个笔记后,依然存在这个问题

  • lhw233

    经过测试,

    行级代码 行级代码后的字符 是否触发 bug
    纯数字 任意 不触发
    任意 纯数字 不触发
    含有中文字符 非数字 触发
    非纯数字 中文字符 触发
  • EmptyLight

    这已经是我在社区看到的第三个这样的问题了,我干脆自己试了一下,也没能复现这个问题

    2 回复
  • lhw233 2 评论

    我怀疑和零宽空白符有关,我不懂 web,但这会儿打开开发者工具,
    我先输入一个行内代码image.png
    此时对应的块在行内代码里和后面有零宽空白符image.png

    如果我输入数字image.png

    数字会位于零宽空白符后image.png

    当我输入中文字符image.png

    image.png

    此时已经回触发 bug,使得从句末向左移动光标回到行内代码后面,当我在行内代码后删除字符,此时会让字符串分割为两个image.png
    感觉像是零宽字符让后面的中文字符串被认为是一个 block,当开始删除字符后,形成两个 block

    不过不懂 web,也不知道思源是怎么写的,目前看正常的新的 block,一般只在行末有零宽空白符,但行级代码会在其后跟一个零宽空白符,可能触发了思源的什么 bug 吧
    lhw233
    说起来我也想知道这个字符为什么会分开,问问看 Issue #13782 · siyuan-note/siyuan
    JeffreyChen
  • lhw233

    如果是中文字符小时的 bug,此时开发者工具里显示是这样的image.png

  • lhw233

    我怀疑是零宽空格后接中文字符导致的渲染错误,你可以看看我的新的回复

  • Imuvux

    遇到了同样问题,默认主题无插件也存在行内代码导致的光标异常、文字消失,后者可以 F5 刷新恢复显示。

    1 回复
  • lhw233

    文字消失时,出现了一个多的零宽空格

    image.png

    可以看到,这第的 div 下面只有 4 个元素,而在右边的显示里,有 5 个子节点,进一步查看,节点 2 和节点 3 都是零宽空格,而节点 4 才是"本反灌"文本image.png

  • lhw233

    总结

    • 光标异常:零宽空格后接中文字符会导致光标异常
    • 文字消失:在一定操作下,会生成多余的零宽空格,连续两个零宽空格可能导致后续文字不渲染
  • lhw233 1 赞同

    F5 刷新后,好像会合并文本节点,会删除多余的零宽空格,然后文本显示正常了,但由于还是零宽空格,光标异常依然存在

  • vivitrx

    我也遇到这个问题了

    当我打出:

    我们想要访问 A[0] A[1] A[2] ... A[9999999] 共 9999999 个元素。

    此时,我的光标处于此处:

    我们想要访问 A[0] A[1] A[2] ... A[9999999] 共 9999999 个元素。

    --------------------------------------------^ 也就是指向 9

    但是当我尝试向右移动一格后,光标位置会变成:

    我们想要访问 A[0] A[1] A[2] ... A[9999999] 共 9999999 个元素。

    --------------^ 也就是指向 A

    1 回复
  • vivitrx

    找到解决办法了,当行级代码的开头是一个中文字符时,就可以避免这个问题,比如说你可以使用中文句号:

    我们想要访问 。A[0] A[1] A[2] ... A[9999999] 共 9999999 个元素。

    --------------^ 在行级代码开头加入中文句号

    但是这也太丑陋了

  • 你们遇到的这个问题有点奇妙,我和 D 都重现不出来

  • lhw233

    我把版本退回到 3.16 后问题没有了

    1 回复
  • BigTeacherHao

    那个键盘块是不是也有问题,我这键盘块和代码块一样问题

  • BigTeacherHao via macOS

    同样是 3.19 版本,mac 版没有问题,win 版有问题,问题跟楼主说的一致,win 版回到 3.16 版本就可以正常使用。

  • BigTeacherHao via macOS

    同样是 3.19 版本,mac 版没有问题,win 版有问题,问题跟楼主说的一致,win 版回到 3.16 版本就可以正常使用。

  • Matcha

    不光是行内代码有这个问题,键盘块也有问题。我的版本是 3.19,系统环境是 Windows10;

    我在 3.18 就发现这个问题了,3.17 没有出现过。

  • @participants 更新到 3.1.23 试试还有没有这个问题

请输入回帖内容 ...

推荐标签 标签

  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 196 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 565 关注
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 614 关注
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 67 回帖 • 445 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    85 引用 • 324 回帖
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    46 引用 • 114 回帖 • 169 关注
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    947 引用 • 1460 回帖 • 1 关注
  • abitmean

    有点意思就行了

    36 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    89 引用 • 1251 回帖 • 392 关注
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织,“用爱发电”象征开源与贡献精神,加入组织,代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入:用爱发电组织邀请帖
    用爱发电组织官网:https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力:

    • 遵守开源守则,体现开源&贡献精神:以分享为目的,拒绝非法牟利。
    • 自我保护:使用适当的 License 保护自己的原创作品。
    • 尊重他人:不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露;以礼相待,尊重所有对社区做出贡献的开发者;通过他人的分享习得知识,要留下足迹,表示感谢。
    • 热爱编程、热爱学习:加入组织,热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友,也同样欢迎默默成就的朋友。
    • 倾听:正确并恳切对待、处理问题与建议,及时修复开源项目的 Bug ,及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视:不诋毁、轻视、嘲讽其他开发者,主动提出建议、施以帮助,以和谐为本。只要他人肯努力,你也可能会被昔日小看的人所超越,所以请保持谦虚。
    • 乐观且活跃:你的努力决定了你的高度。不要放弃,多年后回头俯瞰,才会发现自己已经成就往日所仰望的水平。积极地将项目开源,帮助他人学习、改进,自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖 • 4 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件,让构建、部署、自动化集成项目变得简单易用。

    54 引用 • 37 回帖 • 1 关注
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 1 关注
  • 导航

    各种网址链接、内容导航。

    45 引用 • 177 回帖 • 1 关注
  • Sillot

    Insights(注意当前设置 master 为默认分支)

    汐洛彖夲肜矩阵(Sillot T☳Converbenk Matrix),致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架(Sillot-Gibbet)基于自思源笔记(siyuan-note),前身是思源笔记汐洛版(更早是思源笔记汐洛分支),是智慧新录乄终端(多端融合,移动端优先)。

    主仓库地址:Hi-Windom/Sillot

    文档地址:sillot.db.sc.cn

    注意事项:

    1. ⚠️ 汐洛仍在早期开发阶段,尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计,使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记,开发者尽最大努力与思源笔记保持兼容,但无法实现 100% 兼容
    29 引用 • 25 回帖 • 129 关注
  • gRpc
    11 引用 • 9 回帖 • 101 关注
  • Sandbox

    如果帖子标签含有 Sandbox ,则该帖子会被视为“测试帖”,主要用于测试社区功能,排查 bug 等,该标签下内容不定期进行清理。

    440 引用 • 1238 回帖 • 594 关注
  • RemNote
    2 引用 • 16 回帖 • 25 关注
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    91 引用 • 384 回帖
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3201 引用 • 8217 回帖 • 1 关注
  • Follow
    4 引用 • 12 回帖 • 1 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统,在 BSD 开源许可证下发布。

    22 引用 • 22 回帖 • 1 关注
  • 笔记

    好记性不如烂笔头。

    311 引用 • 794 回帖
  • flomo

    flomo 是新一代 「卡片笔记」 ,专注在碎片化时代,促进你的记录,帮你积累更多知识资产。

    6 引用 • 143 回帖 • 2 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 645 关注
  • ngrok

    ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 655 关注
  • OneDrive
    2 引用 • 7 关注