优化数学公式体验

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

这些想法由来已久了。

在思源 1.2 版本更新后,数学公式编辑机制更改,变成了类似 notion 的浮窗更改。
这种编辑方式在对于行级公式,也就是比较稀疏的公式是可以接受的,甚至更优于原先的方案。
但是对于比较密集的行内公式,编辑体验明显下降。

从创建和修改两方面来说。

创建时,有两种渠道:直接输入 $$ 以及按快捷键 Ctrl+M 呼出公式浮窗。
直接输入此时有一个 Critical Issue:转义。因此很多时候直接输入会被转义而导致格式出错,例如 \dfrac{\pi}{2},如果先输入 \dfrac{}{} 再输入 \dfrac{\pi}{2},就会对 } 进行转义导致输入失败。在触发转义之后,几乎一定是无法正常编辑的,因为 \} 会吞走一个斜杠。这个可以通过调整输入顺序来避免,但总归是时不时出现的烦心事。此外,上下标等语法也会与公式输入的内容冲突,导致莫名其妙的显示效果。
而另一种方法,按快捷键呼出公式浮窗,则涉及到一个操作步骤繁琐的问题,即要按专门快捷键呼出、按 Esc 关闭浮窗。不过其实还是可以接受的,习惯后并没有多么复杂。

那么对于创建,一个优化的思路就是直接砍掉传统的 $$ 输入方式,强迫用户习惯新的方式。
另一个思路是在开始输入 $ 之后暂停转义,直到输入完成后再继续转义。这个方案的问题在于,有的用户会需要单独输入 $,因此可能难以判断其是否打算输入数学公式。不过转义的使用频率非常低(大概?),或许可以作为配置项。(冗余配置项又增加了、、、)

而更大的问题在于修改。
对于行级公式,由于本身比较稀疏,而且体积大,用鼠标点击这种比较低效的方式进行修改也是可以接受的。
但对于行内公式,用鼠标慢吞吞地定位、打开、修改、关闭面板一套流程走下来,成本很大。
现在增加了选中公式用快捷键 Ctrl+M 呼出面板的功能,一定程度上缓解了这个问题,但其实还没有解决。因为选中公式并不快捷

选中涉及到一个定位到前后,然后按住 Shift 键进行光标移动的过程。与数学公式有关的光标经常出神奇的 bug,选中后显示效果也经常出神奇的 bug.
而且行内数学公式一般与前后都有空格隔开,这让选中的精力负担又有所增加、、、

2.gif

\ce{Cl2},选中之后出现神秘的 X,如果带前后空格选中了再按 Ctrl+M 就会出现神秘的 bug.

在我看来,这都是现在对数学公式的选中处理不到位导致的。

我们应该对选中数学公式进行特殊处理。数学公式可以获得鼠标的焦点,被点击,那么它也应该可以获得光标的焦点,被用键盘“点击”。

因此,一个思路就是在用键盘移动光标时,给数学公式添加一个焦点。
123X456,其中 X 是数学公式,那么我们移动到 3 与 X 之间有一个光标停留位置,在 X 与 4 之间有一个光标停留位置,这是现行的设计。
而我们还可以让光标直接停留在 X 身上,在此时就赋予其类似选中的效果,然后再按下 Ctrl+M 进行修改的心智负担就会显著减小。(事实上,此时可以直接设计成按 Enter/Space 呼出修改面板,因为已经确定是数学公式)

在视觉上也可以加以强化选中的感觉,比如添加一个蓝色边框。(我总是对这种交互有种莫名的熟悉感)

image.png

有点像是选中超链接的这种感觉?然后按下 Enter/Space 键开始编辑,挺自然的。

还有退出一方面,Esc 键本身在键盘的最左上角,其实按压成本相对过高。用 Vim 之类的软件也会有这样的问题(不过我用的是 61 键的小键盘,把 Esc 改到了大小写键的位置,所以其实没什么所谓、、、),一个思路就是在编辑面板按下 Ctrl + Enter 就保存编辑,类似 QQ 的发送键,操作起来可能更流畅一些。

以上是我的一些想法。我使用行内公式的频率很高,说实话现在也差不多适应了,不会感到有多难受,但总归是想能不能更流畅、更丝滑一点。这里也给出了一些设想的方案,但不知道可行性如何,也不知道是否真的能改善数学公式输入体验,欢迎大家的讨论。

  • 思源笔记

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

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

    23020 引用 • 92609 回帖
1 操作
Clouder 在 2021-07-28 22:28:49 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...

推荐标签 标签

  • V2Ray
    1 引用 • 15 回帖 • 1 关注
  • 百度

    百度(Nasdaq:BIDU)是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村,致力于向人们提供“简单,可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”,象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 164 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    85 引用 • 165 回帖 • 1 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似,也就是用各类命令预先放入到一个文件中,方便一次性执行的一个程序文件,主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大,比用其他编程程序编辑的程序效率更高,因为它使用了 Linux/Unix 下的命令。

    123 引用 • 74 回帖 • 2 关注
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • 职场

    找到自己的位置,萌新烦恼少。

    127 引用 • 1706 回帖
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    186 引用 • 318 回帖 • 282 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 7 关注
  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 3 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    117 引用 • 99 回帖 • 209 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 316 关注
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 439 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    107 引用 • 295 回帖
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    76 引用 • 1737 回帖 • 2 关注
  • Chrome

    Chrome 又称 Google 浏览器,是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写,包括 WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。

    62 引用 • 289 回帖
  • Q&A

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

    8449 引用 • 38493 回帖 • 155 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    21 引用 • 31 回帖 • 4 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。

    10 引用 • 5 回帖 • 1 关注
  • LaTeX

    LaTeX(音译“拉泰赫”)是一种基于 ΤΕΧ 的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在 20 世纪 80 年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 54 回帖 • 49 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 5 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    325 引用 • 1395 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 364 关注
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    156 引用 • 3792 回帖
  • 域名

    域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。

    43 引用 • 208 回帖
  • IBM

    IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。

    17 引用 • 53 回帖 • 139 关注
  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    497 引用 • 1388 回帖 • 278 关注