叶归|是该好好介绍一下了,真正基于思源的白板功能

最近算是把白板卡片的基本逻辑给整的差不多了。折腾过白板的插件作者才知道这里面究竟有多坑。

本文不是叶归白板完整的使用说明,主要是近期解决了白板卡片绑定块的主要逻辑,以及社区最近关于白板的讨论,因此发个文章来说一下。


首先,思源的 Protyle 目前只支持根据单个块 id 渲染文档,我曾提出过基于多个 id 进行渲染的 issue,但是短期内没办法调整。

于是为了保证白板的卡片显示正常,当你在卡片中写了多个段落的时候,需要转换成一个容器块。

而容器块里,引述块、列表块、列表项块都不适合,只有超级块的展示效果(下图左侧最下方)是最理想的。

  • 引述块前面会有提示效果
  • 列表块会显示所有的列表项
  • 列表项块会有前面的小圆点

image

所以叶归的白板,会在用户正常进行输入以后,自动将内容转换成超级块。

iShot_2025-05-08_18.35.46

但是叶归的白板不止于此,你可以在白板中绑定任意思源中的块,只需要调整卡片所绑定的块 ID 即可。

BTW:像什么跳转到指定块、同步更新内容这种小功能,由于是使用思源自带的编辑器,思源支持的功能,绝大部分都是支持的,不过有一些小问题,这里就只是简单提一下了。

image

叶归所有的功能都是基于思源,但不只思源:

你的主要数据都是思源中的内容,小部分思源做不到的部分,则是插件内部进行存储,但是并不会影响你的数据。

关闭插件,你的内容都会在思源中保留,只是少了一些插件所提供的功能。

为了正确的展示卡片内部效果,以及正确的展示内容,有一大堆需要解决的场景。

比如绑定的超级块被取消:

iShot_2025-05-08_19.19.06

比如绑定的引述块被转换为段落块:

iShot_2025-05-08_19.20.12

比如绑定了列表项,但是父列表被转换成段落:

BTW:录制演示效果的时候,突然发现右上角还提示了 Tree not found,也是一个没解决的场景

iShot_2025-05-08_19.29.04

对于上述场景,将会自动将卡片的块更新为内部第一个块。(现版本如此,未来将会提供更好的交互,提示用户有需要更新的部分)

还有在白板外,在卡片绑定的块后面新增内容时,还会在卡片中显示“多余的内容”。

这是没做调整的效果,在卡片中会看到在文档里新增的块。对于这样的场景,我认为应该以白板内部编辑的为准。

iShot_2025-05-08_19.24.55

于是做了下面的调整效果,即在文档中新增,也不会影响卡片里的显示。

iShot_2025-05-08_19.41.29

这里顺便提一下,还有伺服模式下,其他设备编辑内容的场景,叶归也是有考虑的。但是由于编写这篇文章的时候发现还有问题,因此暂时不演示效果了。

其他还有白板卡片中的块标没办法正常交互,因此暂时隐藏了白板中的块标。

像这些场景,以及其他为了节省篇幅,或未考虑到的场景,都是需要解决才能拥有一个良好白板使用体验。

面对这些场景,叶归都是使用不影响思源现有逻辑的方案,以及必要时会联系思源官方,亦或者是参与思源内部的开发的方式,完成相应功能的开发。


总之叶归的白板,将会是使用思源存储内容,并拥有较为完善的白板交互体验,真正基于思源的自由白板。

不仅仅只是白板,像思维导图、gingko 等视图,以及文档与白板互转,也是能做到的。而这一切我认为应当完全符合思源的内容结构,才会让你拥有完整的体验效果,比如通过思源的搜索,你也应当能搜索到白板中的内容,也就是正常的思源块内容。

近期解决了卡片和块的绑定问题以后,白板算是打好了基础,并且后续如果要改动,也比直接方便了。

不过从整体上来说,叶归的白板还是个垃圾,就连我这个作者也并不看好现在的版本。

只不过叶归白板的未来,我还是保持乐观的,毕竟我自己也希望在思源里有一个真正融入思源,并且拥有完整体验的白板功能。像撤回、连线、各种视图、手写、历史版本等,都是我希望,但目前欠缺的。

如果你也希望思源有一款真正好用的白板,请订阅催更,现还支持一次性买断,详细请参阅 👉 订阅叶归

  • Wetoria
    10 引用 • 44 回帖 • 1 关注
  • 思源笔记

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

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

    25556 引用 • 105699 回帖
  • 叶归
    9 引用 • 41 回帖 • 19 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
请输入回帖内容 ...

推荐标签 标签

  • API

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

    79 引用 • 431 回帖
  • flomo

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

    6 引用 • 143 回帖 • 1 关注
  • 创业

    你比 99% 的人都优秀么?

    82 引用 • 1395 回帖
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    286 引用 • 248 回帖 • 2 关注
  • Follow
    4 引用 • 12 回帖 • 12 关注
  • 思源笔记

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

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

    25556 引用 • 105698 回帖
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    12 引用 • 5 回帖 • 632 关注
  • 支付宝

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

    29 引用 • 347 回帖
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 615 关注
  • 运维

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

    151 引用 • 257 回帖
  • Hexo

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

    22 引用 • 148 回帖 • 16 关注
  • Notion

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

    10 引用 • 77 回帖
  • 域名

    域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。

    43 引用 • 208 回帖
  • Bug

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

    76 引用 • 1742 回帖 • 6 关注
  • danl
    167 关注
  • IBM

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

    17 引用 • 53 回帖 • 140 关注
  • OpenCV
    15 引用 • 36 回帖 • 6 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    589 引用 • 3538 回帖
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 59 关注
  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    5 引用 • 7 回帖 • 5 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 14 关注
  • SOHO

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

    7 引用 • 55 回帖 • 3 关注
  • Lute

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

    29 引用 • 202 回帖 • 29 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    325 引用 • 1395 回帖
  • 小薇

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

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

    35 引用 • 468 回帖 • 764 关注
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    949 引用 • 1460 回帖
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 816 关注