登录 注册

当光标处在非普通文本模式时，为光标设置有显著特征的样式，帮助用户一眼区分接下来输入的文本样式

本贴最后更新于 1157 天前，其中的信息可能已经物是人非

问题

在使用几乎所有的 富文本编辑器中，我都会遇到这样一个问题：当前光标处在加粗文本和普通文本之间，再输入新文字，新文字是加粗还是正常文字？

我不知道，反正用肉眼是判断不出来的，只有先输入一个字符看看是什么样式，如果样式不对，就退格，按下快捷键取消加粗。

如果常常需要分出一部分精力去推测当前光标处新文字的样式，对于写作时思维的连续性影响很大。

我相信这不是我一个人遇到过的的问题。

方案

给光标定义两种样式，当它处在正常文本时，是普通样式；当接下来要输入的时带特殊样式的文字，例如：

  • 加粗
  • 斜体
  • 链接标题
  • 行内代码
  • 高亮文本

就变下光标的样式，例如：

  • 变个显眼的颜色
  • 加上渐变色
  • 闪烁速度变快
  • 变粗
  • ……（如何设计更美观，需要探索）

这样就能以最简单有效的方式，表示接下来输入的是带有特殊样式的文字，用户的视线不用离开光标，就能得知接下来输入的文字是加粗、还是普通文本，不再会对光标的状态不清楚了。

示例，将输入光标改为醒目的红色：

image.png

  • 思源笔记

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

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

    23020 引用 • 92603 回帖
1 操作
HaujetZhao 在 2021-10-22 16:48:07 更新了该帖
1 操作
2 回帖
343 40 17 134 3 22 126

相关帖子

2 回帖
当光标处在非普通文本模式时，为光标设置有显著特征的样式，帮助用户一眼区分接下来输入的文本样式

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • Achuan-2 •
    订阅者 先知

    所见即所得没有不能区分的问题的，比如行内样式只要光标跳出了，再输入就是普通样式

    1 回复
  • HaujetZhao • • 14 评论
    订阅者 支持者 勇士 作者

    各个编辑器的处理不一样，比如，下面这个图，你能猜到接下来输入的文字是普通文字还是粗体吗：

    image.png

    它的周围都是普通文字，只是它是从一个加粗文本退格到了那里，还保持着加粗状态，再输入新文字，仍是加粗文字，仅凭肉眼看光标处，根本无法一下子分辨出它接下来要输出的文字是什么样式。

    城然，有其它方法去分辨，例如：

    • 去看工具栏
    • 输入一个字试试

    但不在光标处直接显示接下来输入的格式，而使用这些补丁式的方法，都是对思维连续性的打断，影响创作流。

    有个问题，如果光标颜色变来变去会不会反而影响了用户的写作思路呢？
    Vanessa •
    @Vanessa 能够以最简洁的方式 搞清楚编辑器的状态，不用去揣摩编辑器的状态，是减轻了思考负担 。分出一部分心来去思考工具的状态、输入法的状态，相当的降低效率
    HaujetZhao •
    @HaujetZhao 问题是按照现在的逻辑，也就是 @Achuan-2 所说的，跳出则为普通文本。用户习惯后跟本不用去考虑状态，反而会被颜色所吸引。
    Vanessa •
    @Vanessa 用户生活中用的可不止思源一个编辑器，就算他能把每个光标编辑器的逻辑都记下来，也要分一部分心去判断。
    HaujetZhao •
    @Vanessa 你们开发，最大的问题就是前置了一个立场：用户在生活中只使用思源笔记编辑器，用户对思源编辑器的习惯就是对所有编辑器的最高的习惯。
    HaujetZhao •
    @HaujetZhao 我们参考了很多笔记软件的。目前的处理和 wolai，notion 基本一致。
    Vanessa •
    @Vanessa 更多的人使用 Word 吧，光标逻辑是不是相反 你们网页端 Vditor，光标插到加粗和非加粗之间，这个边界地带，这是属于跳出了行内样式，还是没跳出？此时应当输入什么样式？
    HaujetZhao •
    @Vanessa 现实就是，用户将光标插到加粗、普通文本中间时候，有两种倾向：补充加粗文字、补充普通文字。编辑器判断不了，只能默认一种行为。但各个软件的默认行为还不一致。你思源笔记是一个光标处理模式，word 又是一个模式。用户就要判断，我当前是在哪个编辑器，在这个编辑器中光标放到这里时输入的是加粗还是普通文本。人脑的缓冲本来就弱，加入这一揣摩过程，许多输入过程的思绪被严重打乱，尤其是当判断错误，需要退格，用快捷键调整格式，再次输入时候。
    HaujetZhao •
    @HaujetZhao Vditor 具体要看编辑模式了，我电脑上没有 Word，稍后去老板电脑上学习一下 😊 其实还是习惯问题，用 word 的人可能不会是我们的用户 😄
    Vanessa •
    @Vanessa 你看下链滴现在的所见即所得模式，插入后就是默认输入粗体。用 word 的人可能不用你们的笔记软件。但用你们笔记软件的每个人肯定生活中多多少少要用 word
    HaujetZhao •
    @HaujetZhao 感觉 typora 的即使渲染模式使用标记符作为分割可以完美的解决这个问题
    Vanessa •
    @Vanessa 但是光标会跳动位置，同时性能受限，跳动有延迟，文字越多，延迟越大，我把光标放链接后，要等他 1 秒完成光标跳动，再输入文字，很是头疼。这个帖子已经说了，变个光标颜色就能解决的事。Typora 的方案一比，反而显得复杂不好用了。
    HaujetZhao •
    @HaujetZhao 我觉得应该再征求一下其他用户的意见，如果说已经习惯了的，再去变颜色就会分散注意力，还要去想这个颜色是什么意思。
    Vanessa •
    @Vanessa 最通用的方案是一个设置项：光标普通状态的颜色、特殊状态的颜色。不喜欢变色的，就两个状态都调成一样的颜色，喜欢的，就调成两个喜爱的、个性的颜色
    HaujetZhao • • 1
HaujetZhao
回帖
88
 帖子
143
 积分
20519

近期热议

推荐标签 标签

  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    343 引用 • 723 回帖
  • Bug

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

    76 引用 • 1737 回帖 • 1 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器，可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API，可通过 DOM，CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 483 关注
  • WebSocket

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

    48 引用 • 206 回帖 • 317 关注
  • danl
    • 146 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖
  • SVN

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

    29 引用 • 98 回帖 • 694 关注
  • 自由行
    • 4 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    209 引用 • 358 回帖
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖 • 4 关注
  • 安装

    你若安好，便是晴天。

    132 引用 • 1184 回帖 • 1 关注
  • Gzip

    gzip （GNU zip）是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件，它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式，或者说一种文件格式。

    9 引用 • 12 回帖 • 147 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。

    110 引用 • 54 回帖 • 1 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 913 回帖 • 250 关注
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 789 关注
  • 宕机

    宕机，多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态，也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态，也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 60 关注
  • Flume

    Flume 是一套分布式的、可靠的，可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 637 关注
  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    167 引用 • 1520 回帖
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 363 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    407 引用 • 3578 回帖
  • 运维

    互联网运维工作，以服务为中心，以稳定、安全、高效为三个基本点，确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    149 引用 • 257 回帖
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 465 关注
  • FlowUs

    FlowUs.息流 个人及团队的新一代生产力工具。

    让复杂的信息管理更轻松、自由、充满创意。

    1 引用
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 29 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高，单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 101 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统，它完整实现了 JMS 规范，是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 668 关注

最新标签