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

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

问题

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

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

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

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

方案

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

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

就变下光标的样式,例如:

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

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

示例,将输入光标改为醒目的红色:

image.png

  • 思源笔记

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

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

    20240 引用 • 78267 回帖
1 操作
HaujetZhao 在 2021-10-22 16:48:07 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 所见即所得没有不能区分的问题的,比如行内样式只要光标跳出了,再输入就是普通样式

    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

推荐标签 标签

  • OnlyOffice
    4 引用 • 10 关注
  • MongoDB

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

    90 引用 • 59 回帖
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    76 引用 • 390 回帖
  • 开源

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

    402 引用 • 3522 回帖
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 726 关注
  • uTools

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

    5 引用 • 13 回帖 • 1 关注
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 132 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖 • 18 关注
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    76 引用 • 429 回帖
  • 京东

    京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 405 关注
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    6 引用 • 15 回帖 • 180 关注
  • Gzip

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

    9 引用 • 12 回帖 • 127 关注
  • Firefox

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

    7 引用 • 30 回帖 • 430 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。

    7 引用 • 31 回帖 • 196 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。

    19 引用 • 23 回帖 • 705 关注
  • OpenShift

    红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 608 关注
  • 反馈

    Communication channel for makers and users.

    124 引用 • 907 回帖 • 225 关注
  • 服务器

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

    124 引用 • 580 回帖
  • Electron

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

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

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 529 关注
  • Java

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

    3169 引用 • 8208 回帖 • 1 关注
  • wolai

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

    2 引用 • 14 回帖
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    91 引用 • 751 回帖
  • 工具

    子曰:“工欲善其事,必先利其器。”

    281 引用 • 718 回帖 • 1 关注
  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    175 引用 • 994 回帖
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 700 关注
  • SQLServer

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

    19 引用 • 31 回帖 • 2 关注