有点奇怪的列表项逻辑

本贴最后更新于 360 天前,其中的信息可能已经沧海桑田

我在无意中发现了这个情况。如果通过连续按回车的方式来创建列表项的话,它们列表项会紧密地排列在一起,它们在逻辑上也是一个整体。

如果在下面的新的一行上创建一个列表项的话,就会发现它跟上述的列表项不会紧密地排列在一起,在逻辑上,就已经是两个不同的列表了。

list.gif

不只是无序列表,有序列表和任务列表都是这样。

这是一个专门的特性吗?

首先,我认为这一点可能容易让普通用户感到困惑,容易第一时间疑问为什么它们之间会有那么大的距离,而且应该还不太可能马上就搞清楚这其中的逻辑吧。

其次,我觉得如果用户会在列表的紧跟着的下一行创建一个新的列表项的话,那么往往就是想要接上上面的列表吧。如果我想要在一个列表的下面再创建一个列表的话,我会下意识地先加一段说明文字或者手动多空一行。

用户指南中应该也没有这个说明。

我个人还是觉得不做这种区分比较好,用户如此就不会被弄混。又或者在用户指南中详细地讲述这个区分。

  • 思源笔记

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

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

    25368 引用 • 104766 回帖 • 2 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • @88250 我翻了一下用户指南,好像确实没有详细说明列表块和列表项块的区别和用法

    太简略了:(我觉得至少要说明一下这两种块的包含关系)

    image.png

    1 回复
  • 这是一个专门的特性吗?

    因为有两种块:列表块 和 列表项块 ,列表块之间隔得比较远,列表项块之间隔得比较近

    1 回复
  • syjack 1 赞同
    作者

    我知道这点,但我也认为这很容易让用户感到奇怪。因为其他的笔记软件和文档软件应该都不是这样吧,因为那样更符合逻辑。所以 Siyuan 的用户还要专门理清这个区分,有点费劲。

    1 回复
  • 好像是 Markdown 区分了这个?我没什么印象了

    1 回复
  • 88250

    有空的话麻烦 PR 补充,谢谢。

    1 回复
  • syjack
    作者

    不知道具体的 Markdown 规范,但大家一般也是靠空行区分不同的列表吧。

  • Imuvux 1 1 赞同 via Android

    个人理解这就是思源里 Markdown 的列表实现方法:

    1. 构造列表块(三个横叹号的块标);
    2. 在列表块中构造列表项(一个横叹号的块标);
    3. 列表块只能容纳列表项,而列表项作为容器可以容纳段落等各种内容,同层次列表项内容对齐;
    4. 列表项内的列表块就是该项的子层列表,子列表项的层级关系为:本层列表块/本层列表项/子层列表块/子层列表项,由此实现缩进;
    5. 不同列表块的列表项看上去在同一层次,但实际上分属于不同列表;
    6. 不同列表块可以组成超级块。

    确实不太直观。

    1 回复
  • syjack
    作者

    这是思源中特别的逻辑,如果习惯并弄懂了还好。但如果没弄懂,就很麻烦,会怀疑是不是 bug。

    一般情况下,大家在一个列表下面紧跟着创建一个新的列表项不就想要接着上面的列表吗?结果,它却成为了一个新的列表。

    如果不想这样做,就只能把光标移到最后的一个列表项的后面按回车,这样才能创建一个子列表项,假如用户知道这个办法的话。。。

    1 回复
  • Imuvux 1

    参考 这个 ,应该是 Markdown 原生特性。思源不同列表不好区分显示是因为它是所见即所得编辑,直接复制 Markdown 源码就能看出来不同列表是用空行区分的。不过可以拖动列表项的块标将其挪到目标列表块里。

    1 回复
  • syjack
    作者

    不过可以拖动列表项的块标将其挪到目标列表块里。

    我当时感到疑惑的时候就尝试拖动了,但发现无法直接拖动另一个列表项到目标的列表块中成为我想要的那个“同层级列表项”,它只能先成为“次级列表项”,然后我再取消缩放,从而让它成为“同层级列表项”。这个步骤有点麻烦,所以我就更想知道不同列表块的区分设计是不是一个专门的特性。

    说得有点绕,不知道你能不能理解。

    1 回复
  • 只要你理解了「列表块只能包含列表项块」这个逻辑,就知道什么情况应该拖动哪个块标了

    认真看这个是怎么拖动的:

    2 回复
  • syjack
    作者

    不得不说的确复杂,光是我在打字用词上就要注意列表块和列表项。我上一个给别人的回复中,没有说清楚。当列表只有一个列表项的时候,它就只有列表块的标志,没有列表项块的标志,此时是没有办法直接拖拽完成吧?

    1 回复
  • syjack
    作者

    当我一顿随意的拖拽操作(也许还包括了取消缩进行为,我忘了)后,发现列表项们的块标让我眼花缭乱,有的只有列表块的块标。这时候就不能理所当然地认为它们都是那样的“列表项”,从而进行随意地拖拽,只能仔细留意它们的块标再来进行拖拽操作。

    list2.gif

  • 当列表只有一个列表项的时候

    这个时候就没必要多选了再拖块标了,直接拖前面的圆点/序号/方框:

    image.png

    @syjack 看到这条回帖了吗?
    JeffreyChen
    看到了,谢谢分享,原来还能这样的操作,这也是一种区分。理解起来有些费劲呀,针对性操作比较多。
    syjack
  • hihaojie via Android

    列表块 只有单行内容时,仍然显示 列表项块 的图标,会更直观些,有助于用户理解。之前有该功能,后来经过讨论取消显示了 😓

    前两天我对该需求发的帖 能否为列表项中的首个段落块添加段落块标识? - shuojie 的回帖

请输入回帖内容 ...

推荐标签 标签

  • Pipe

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

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

    133 引用 • 1124 回帖 • 112 关注
  • Office

    Office 现已更名为 Microsoft 365. Microsoft 365 将高级 Office 应用(如 Word、Excel 和 PowerPoint)与 1 TB 的 OneDrive 云存储空间、高级安全性等结合在一起,可帮助你在任何设备上完成操作。

    5 引用 • 34 回帖 • 1 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统,在 BSD 开源许可证下发布。

    22 引用 • 22 回帖 • 2 关注
  • 安装

    你若安好,便是晴天。

    132 引用 • 1184 回帖 • 2 关注
  • Rust

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

    58 引用 • 22 回帖 • 6 关注
  • 大数据

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

    93 引用 • 113 回帖
  • 京东

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

    14 引用 • 102 回帖 • 317 关注
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    54 引用 • 44 回帖
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    66 引用 • 114 回帖 • 190 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 639 关注
  • 阿里巴巴

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

    43 引用 • 221 回帖 • 63 关注
  • 友情链接

    确认过眼神后的灵魂连接,站在链在!

    24 引用 • 373 回帖 • 1 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    181 引用 • 400 回帖
  • GitLab

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

    46 引用 • 72 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖 • 1 关注
  • Access
    1 引用 • 3 回帖
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 635 关注
  • GitHub

    GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。

    210 引用 • 2040 回帖
  • OnlyOffice
    4 引用 • 22 关注
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    32 引用 • 99 回帖
  • LaTeX

    LaTeX(音译“拉泰赫”)是一种基于 ΤΕΧ 的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在 20 世纪 80 年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 54 回帖 • 8 关注
  • 学习

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

    173 引用 • 518 回帖
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 592 关注
  • OpenStack

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

    10 引用 • 5 关注
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 384 回帖 • 10 关注
  • 支付宝

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

    29 引用 • 347 回帖 • 2 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖