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

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

问题

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

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

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

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

方案

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

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

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

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

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

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

image.png

  • 思源笔记

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

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

    26818 引用 • 111810 回帖
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

推荐标签 标签

  • Markdown

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

    172 引用 • 1547 回帖
  • 国际化

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

    8 引用 • 26 回帖
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 777 关注
  • 音乐

    你听到信仰的声音了么?

    62 引用 • 512 回帖 • 1 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    59 引用 • 22 回帖 • 1 关注
  • IBM

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

    17 引用 • 53 回帖 • 148 关注
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

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

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

    49 引用 • 60 回帖 • 349 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 613 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。

    29 引用 • 202 回帖 • 37 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖
  • Thymeleaf

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

    11 引用 • 19 回帖 • 396 关注
  • 服务器

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

    125 引用 • 585 回帖 • 1 关注
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年,是中国的 IT 社区和服务平台,为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务,满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖 • 1 关注
  • Google

    Google(Google Inc.,NASDAQ:GOOG)是一家美国上市公司(公有股份公司),于 1998 年 9 月 7 日以私有股份公司的形式创立,设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”,它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎,它提供了简单易用的免费服务。不作恶(Don't be evil)是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖
  • 开源中国

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

    7 引用 • 86 回帖 • 1 关注
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    173 引用 • 541 回帖
  • OnlyOffice
    4 引用 • 18 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。

    20 引用 • 37 回帖 • 566 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    22 引用 • 148 回帖 • 15 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 42 关注
  • OpenStack

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

    10 引用 • 1 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    315 引用 • 547 回帖
  • 京东

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

    14 引用 • 102 回帖 • 304 关注
  • Outlook
    1 引用 • 5 回帖
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 714 关注