优化数学公式体验

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

这些想法由来已久了。

在思源 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 的发送键,操作起来可能更流畅一些。

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

  • 思源笔记

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

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

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

相关帖子

欢迎来到这里!

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

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

推荐标签 标签

  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 688 关注
  • Electron

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

    15 引用 • 136 回帖 • 3 关注
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    181 引用 • 821 回帖
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 53 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 288 关注
  • Excel
    31 引用 • 28 回帖 • 1 关注
  • OnlyOffice
    4 引用 • 22 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖 • 4 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 8 关注
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖 • 2 关注
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 84 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    7 引用 • 27 回帖 • 1 关注
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖 • 1 关注
  • 思源笔记

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

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

    25478 引用 • 105364 回帖 • 1 关注
  • Follow
    4 引用 • 12 回帖 • 11 关注
  • OneNote
    1 引用 • 3 回帖 • 1 关注
  • danl
    164 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    89 引用 • 150 回帖
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 113 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 385 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 74 关注
  • Anytype
    3 引用 • 31 回帖 • 16 关注
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    12 引用 • 54 回帖 • 177 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。

    227 引用 • 476 回帖
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    32 引用 • 108 回帖 • 1 关注
  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。

    23 引用 • 32 回帖