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

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

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


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

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

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

    26401 引用 • 109792 回帖 • 2 关注
  • 叶归
    13 引用 • 59 回帖 • 22 关注

相关帖子

欢迎来到这里!

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

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

推荐标签 标签

  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 532 关注
  • SMTP

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

    4 引用 • 18 回帖 • 640 关注
  • Ruby

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

    7 引用 • 31 回帖 • 269 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 2 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司,该公司位于捷克的布拉格,并在俄国的圣彼得堡及美国麻州波士顿都设有办公室,该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境:IntelliJ IDEA

    18 引用 • 54 回帖
  • API

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

    79 引用 • 431 回帖 • 3 关注
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    524 引用 • 4601 回帖 • 710 关注
  • SEO

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

    36 引用 • 200 回帖 • 39 关注
  • LaTeX

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

    12 引用 • 59 回帖
  • Anytype
    3 引用 • 31 回帖 • 28 关注
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 442 关注
  • 正则表达式

    正则表达式(Regular Expression)使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖
  • SVN

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

    29 引用 • 98 回帖 • 697 关注
  • flomo

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

    6 引用 • 143 回帖
  • RabbitMQ

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

    49 引用 • 60 回帖 • 353 关注
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 650 关注
  • CSDN

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

    14 引用 • 155 回帖
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 445 关注
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    10 引用 • 15 回帖
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    246 引用 • 1338 回帖
  • RemNote
    2 引用 • 16 回帖 • 25 关注
  • 一些有用的避坑指南。

    69 引用 • 93 回帖
  • Visio
    1 引用 • 2 回帖 • 3 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    142 引用 • 442 回帖
  • 京东

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

    14 引用 • 102 回帖 • 313 关注
  • 负能量

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

    89 引用 • 1251 回帖 • 392 关注
  • BND

    BND(Baidu Netdisk Downloader)是一款图形界面的百度网盘不限速下载器,支持 Windows、Linux 和 Mac,详细介绍请看这里

    107 引用 • 1281 回帖 • 38 关注