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

本贴最后更新于 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 引用 • 119798 回帖
  • 叶归
    25 引用 • 100 回帖 • 37 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 支持,等白板稳定就开会员 😝

    1 回复
  • 其他回帖
  • 原来是在白板动了超级块(呆)……vv 记得关爱一下批注的超级块嵌套。

    1 回复
  • 我已经解决了,卡片移出白板以后,将会卸载 protyle,移入白板显示区域的时候才会渲染。

    缩放的场景还没解决,我还有一个方案没做测试,不过应该可行。没有编辑的场景下,用 html 进行渲染,编辑的时候再切换为 protyle。

    只能说,不开发插件,不碰白板的人,不知道叶归里都做了多少努力。

    1 回复
  • drawone

    一个月前的版本用起来很卡,会丢失白板内的块和它的布局

  • 查看全部回帖

推荐标签 标签

  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。

    24 引用 • 33 回帖 • 3 关注
  • Sym

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

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

    524 引用 • 4602 回帖 • 731 关注
  • HBase

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

    17 引用 • 6 回帖 • 72 关注
  • 以太坊

    以太坊(Ethereum)并不是一个机构,而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity,使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物:投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    117 引用 • 99 回帖 • 190 关注
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    97 引用 • 155 回帖 • 1 关注
  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    91 引用 • 59 回帖 • 1 关注
  • 负能量

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

    89 引用 • 1251 回帖 • 376 关注
  • Office

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

    6 引用 • 35 回帖
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖 • 1 关注
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    85 引用 • 414 回帖
  • SQLServer

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

    21 引用 • 31 回帖 • 1 关注
  • AWS
    11 引用 • 28 回帖 • 1 关注
  • Word
    13 引用 • 41 回帖
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    92 引用 • 752 回帖
  • 分享

    有什么新发现就分享给大家吧!

    251 引用 • 1801 回帖 • 1 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    736 引用 • 1307 回帖 • 2 关注
  • 心情

    心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。

    59 引用 • 369 回帖
  • 微软

    微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖 • 2 关注
  • Redis

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

    285 引用 • 248 回帖
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖 • 1 关注
  • GAE

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

    14 引用 • 42 回帖 • 851 关注
  • OpenCV
    15 引用 • 36 回帖 • 1 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    561 引用 • 677 回帖
  • Sillot

    Insights(注意当前设置 master 为默认分支)

    汐洛彖夲肜矩阵(Sillot T☳Converbenk Matrix),致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架(Sillot-Gibbet)基于自思源笔记(siyuan-note),前身是思源笔记汐洛版(更早是思源笔记汐洛分支),是智慧新录乄终端(多端融合,移动端优先)。

    主仓库地址:Hi-Windom/Sillot

    文档地址:sillot.db.sc.cn

    注意事项:

    1. ⚠️ 汐洛仍在早期开发阶段,尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计,使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记,开发者尽最大努力与思源笔记保持兼容,但无法实现 100% 兼容
    29 引用 • 25 回帖 • 152 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 17 关注