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

本贴最后更新于 228 天前,其中的信息可能已经时移世易

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

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


首先,思源的 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
    20 引用 • 90 回帖 • 2 关注
  • 思源笔记

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

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

    28448 引用 • 119792 回帖
  • 叶归
    25 引用 • 100 回帖 • 37 关注

相关帖子

欢迎来到这里!

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

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

推荐标签 标签

  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 694 关注
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    201 引用 • 120 回帖 • 1 关注
  • 反馈

    Communication channel for makers and users.

    120 引用 • 906 回帖 • 307 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖
  • WordPress

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

    46 引用 • 114 回帖 • 140 关注
  • SMTP

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

    4 引用 • 18 回帖 • 663 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 120 关注
  • 支付宝

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

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

    Oracle(甲骨文)公司,全称甲骨文股份有限公司(甲骨文软件系统有限公司),是全球最大的企业级软件公司,总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年,甲骨文已超越 IBM,成为继 Microsoft 后全球第二大软件公司。

    107 引用 • 127 回帖 • 329 关注
  • Laravel

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

    19 引用 • 23 回帖 • 770 关注
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    386 引用 • 1892 回帖
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    105 引用 • 908 回帖
  • Dubbo

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

    60 引用 • 82 回帖 • 636 关注
  • 阿里巴巴

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

    43 引用 • 221 回帖 • 11 关注
  • PostgreSQL

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

    23 引用 • 22 回帖
  • Folo

    Folo 是一个 RSS 阅读和信息聚合应用,整合多种内容源到统一时间线。

    项目地址:https://github.com/RSSNext/Folo

    1 引用 • 3 回帖 • 2 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 516 关注
  • 印象笔记
    3 引用 • 21 回帖 • 2 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    200 引用 • 545 回帖 • 2 关注
  • RemNote
    2 引用 • 16 回帖 • 39 关注
  • SEO

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

    36 引用 • 200 回帖 • 54 关注
  • Notion

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

    10 引用 • 80 回帖
  • Ruby

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

    7 引用 • 31 回帖 • 298 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 63 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    168 引用 • 598 回帖
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    17 引用 • 7 回帖 • 1 关注
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。

    110 引用 • 153 回帖