登录 注册

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

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

问题

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

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

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

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

方案

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

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

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

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

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

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

image.png

  • 思源笔记

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

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

    22337 引用 • 89380 回帖
1 操作
HaujetZhao 在 2021-10-22 16:48:07 更新了该帖
1 操作
2 回帖
342 40 17 133 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

近期热议

推荐标签 标签

  • Quicker

    Quicker 您的指尖工具箱！操作更少，收获更多！

    32 引用 • 130 回帖 • 2 关注
  • BND

    BND（Baidu Netdisk Downloader）是一款图形界面的百度网盘不限速下载器，支持 Windows、Linux 和 Mac，详细介绍请看这里。

    107 引用 • 1281 回帖 • 27 关注
  • AngularJS

    AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 474 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”，在线用户由 1999 年的 2 人（马化腾和张志东）到现在已经发展到上亿用户了，在线人数超过一亿，是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖 • 67 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区，可将文章作为帖子推送到社区，来自社区的回帖将作为博客评论进行联动（具体细节请浏览 B3log 构思 - 分布式社区网络）。

    这是一种全新的网络社区体验，让热爱记录和分享的你不再感到孤单！

    132 引用 • 1114 回帖 • 124 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 4 关注
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 617 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    6 引用 • 63 回帖
  • OpenStack

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

    10 引用 • 4 关注
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    93 引用 • 113 回帖
  • Chrome

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

    62 引用 • 289 回帖 • 1 关注
  • 星云链

    星云链是一个开源公链，业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎，一个公链的所有功能，它基本都有，比如你可以用它来开发部署你的去中心化的 APP，你可以在上面编写智能合约，发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • 前端

    前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1348 回帖
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务，可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务，所以该项目也已经停止维护了！

    34 引用 • 467 回帖 • 742 关注
  • Kotlin

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

    19 引用 • 33 回帖 • 63 关注
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 22 关注
  • 服务器

    服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 588 回帖
  • abitmean

    有点意思就行了

    • 29 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件，最早由德国 Innotek 公司开发，由 Sun Microsystems 公司出品的软件，使用 Qt 编写，在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 6 关注
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现，服务器端用 Erlang 语言编写，支持多种语言客户端，如：Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息，在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 362 关注
  • CloudFoundry

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

    5 引用 • 18 回帖 • 167 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台，致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验，及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储，专门用于在分布式系统中保存关键数据。

    5 引用 • 26 回帖 • 528 关注
  • flomo

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

    5 引用 • 107 回帖
  • C

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

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

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

    6 引用 • 7 回帖 • 94 关注

最新标签