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

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

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


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

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

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

    26823 引用 • 111820 回帖
  • 叶归
    15 引用 • 66 回帖 • 26 关注

相关帖子

欢迎来到这里!

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

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

推荐标签 标签

  • 脑图

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

    32 引用 • 100 回帖
  • 学习

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

    173 引用 • 541 回帖
  • jsDelivr

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

    5 引用 • 31 回帖 • 109 关注
  • 印象笔记
    3 引用 • 16 回帖
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 36 关注
  • 国际化

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

    8 引用 • 26 回帖
  • JWT

    JWT(JSON Web Token)是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 24 关注
  • Access
    1 引用 • 3 回帖 • 7 关注
  • SQLServer

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

    21 引用 • 31 回帖 • 2 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”,在线用户由 1999 年的 2 人(马化腾和张志东)到现在已经发展到上亿用户了,在线人数超过一亿,是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 52 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 61 关注
  • Sandbox

    如果帖子标签含有 Sandbox ,则该帖子会被视为“测试帖”,主要用于测试社区功能,排查 bug 等,该标签下内容不定期进行清理。

    443 引用 • 1238 回帖 • 601 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 512 关注
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘(Capacitive Keyboard)。

    5 引用 • 74 回帖 • 522 关注
  • FlowUs

    FlowUs.息流 个人及团队的新一代生产力工具。

    让复杂的信息管理更轻松、自由、充满创意。

    1 引用
  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 563 关注
  • CSS

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

    199 引用 • 543 回帖 • 3 关注
  • 服务器

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

    125 引用 • 585 回帖 • 1 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    89 引用 • 1251 回帖 • 391 关注
  • Laravel

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

    19 引用 • 23 回帖 • 745 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    346 引用 • 761 回帖 • 2 关注
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。

    1 引用 • 2 回帖 • 83 关注
  • Electron

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

    15 引用 • 136 回帖 • 1 关注
  • AWS
    11 引用 • 28 回帖 • 5 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    7 引用 • 69 回帖 • 6 关注
  • Rust

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

    59 引用 • 22 回帖 • 1 关注