前言
白板作为一种自由度极高的笔记方式,能帮助梳理思路以及可视化呈现笔记内容。社区中关于开发白板功能的呼声也不绝于耳。白板功能虽然一直在思源的开发路线图中,但受限于思源目前紧张的开发资源,以及考虑到白板功能的开发难度,该功能的上线应该需要较长的一段时间。
为此,我对比了一下目前思源中的白板工具,分享给需要在过渡期使用白板功能的坛友。
前排叠甲:此对比仅用于帮助需要使用白板功能的用户(尤其是小白)快速了解各白板工具能实现的功能,为纯主观评价。本人十分尊重每一位开发者。另外,本人初入思源笔记不久,许多功能可能还没有体验到或存在误解,欢迎指正。同时,如果各位有其他的白板方案,也欢迎友好讨论。
目前思源的白板工具及功能对比
功能对比
类型 | 插件 | 插件 | 插件 | 挂件 | 挂件 | 挂件 | Iframe |
---|---|---|---|---|---|---|---|
名称 | Excalidraw | Tldraw 白板(预览版) | 博思白板 | Whiteboard | draw.io | excalidraw | Draw.io 等 |
文档中嵌入白板 | 超链接 | 超链接 | 超链接 | 嵌入块 | lightbox 模式 | ✔ | ✔ |
超链接 | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ |
块引用 | ✘ | ✘ | ✘ | ✘ | ✘ | ✘ | ✘ |
嵌入块 | ✘ | ✔ | ✘ | ✔ | ✘ | ✘ | ✘ |
搜索白板内容 | ✘ | ✘ | ✘ | ✔ | ✘ | ✘ | ✘ |
内容拖拽 | ✘ | ✘ | ✘ | ✔ | ✘ | ✘ | ✘ |
公式输入 | ✘ | ✘ | ✔ | ✘ | ✔ | ✘ | ✔ |
思维导图 | 手绘 | 手绘 | ✔ | 手绘 | ✔ | 手绘 | ✔ |
素材库 | 本地导入 | ✘ | ✔ | 按指引 | ✔ | ✘ | ✔ |
个人评价(纯主观)
- Whiteboard(挂件)
- 目前和思源集成度最高的一个工具,使用前务必要看文档。
- 虽然无法实现和笔记的双向关联,但能在画板中同步显示或悬浮预览笔记内容。
- 能实现内容拖动和搜索(但嵌入的笔记内容无法搜索),基本可以满足大部分白板需求。
- 显示模式仍有改进空间。比如重新打开文档会自动进入编辑模式,因此每次都要重新进入查看模式和预览模式。
- 另外在查看模式下仍有部分功能按钮,虽然无伤大雅,但强迫症看着也挺难受的。
- draw.io(挂件)
- 具有丰富的绘图素材,支持数学公式
- 可能是版本滞后的原因,与网页版本相比缺少部分功能(如导入模板),
- 开启 lightbox 模式后要再次编辑需要更改属性值,略显麻烦。
- 和思源编辑之间仅能通过超链接关联。
- excalidraw(挂件)
- 默认是图片形式显示在文档中,能通过浏览器编辑保存。
- 绘图会自动铺满挂件,没有留白,好评
- Excalidraw(插件)
- 相当于在思源中打开在线的 Excalidraw
- 和思源笔记之间仅能通过超链接关联。
- Tldraw 白板(预览版)(插件)
- 相当于在思源中打开在线的 Tldraw
- 能嵌入思源笔记中的内容块以及悬浮预览,但嵌入文档中的公式无法正常显示
- 博思白板(插件)
- 相当于在思源中打开在线的博思白板(个人几乎没有体验过这个插件)
- 和思源笔记之间仅能通过超链接关联。
- Iframe 块中插入 Draw.io 或其他
- 采用 iframe 块嵌入绘图内容。
- 优点是简洁,不需要插件挂件
- 缺点是需要联网。drawio 同步编辑内容缺乏较好方案。同步通过 ondrive 授权,但该步骤无法在思源客户端内实现。因此仅能通过浏览器打开思源使用。
一点唠叨
白板功能是我目前使用思源笔记过程中最无法解决的问题,集市中虽然有诸如 whitebord 这类可以实现笔记联动的挂件,但我个人觉得 exclidraw 使用起来还是挺费劲的,如果 drawio 也能实现嵌入或悬浮显示笔记内容,应该能大大提高我的个人体验。
最近逛社区总感觉思源的官方白板最终会流产,但个人觉得集市中的白板工具与笔记内容多多少少有些割裂,我理想中的白板工具应该是一种内容块,能和笔记实现双链,这样可以更清晰的查看笔记关联,而这些功能也许只有官方的白板才能实现。
但无论如何,都希望思源能越做越好,早日打响知名度。
2024.9.28 更新
whiteboard 挂件查看模式修改
github 中发了个 issue,通过开发大佬的指引,目前 whiteboard 挂件可以实现默认开启查看模式,以及查看模式隐藏所有按钮。详情可以看如下链接。
能否优化查看模式和预览模式 · Issue #31 · BryceAndJuly/Whiteboard (github.com)
1、调整
viewModeEnabled
的初始值,默认开启查看模式。打开
Whiteboard/assets/index-c894b550.js
,搜索:zoom:{value:1},viewModeEnabled:!1
改成:
zoom:{value:1},viewModeEnabled:!0
2、
查看模式
下隐藏【保存】、【刷新】按钮打开
Whiteboard/assets/index-8a263e3d.css
,在末尾加上以下两个样式并保存。/* 查看模式下,隐藏【保存】、【刷新】按钮 */ div#root:has( .excalidraw.excalidraw-container.excalidraw--view-mode) ~ #refreshBtn { display: none; } div#root:has( .excalidraw.excalidraw-container.excalidraw--view-mode) ~ #saveBtn{ display: none; }
备注:通过快捷键 Alt+R 来关闭
查看模式
时如果没生效,大概因为白板没获得焦点,可以鼠标点一下左下角的【重置缩放】后再按。或者直接鼠标右键菜单来关闭查看模式
查看模式下,隐藏左下、左上按钮的话,试试这个吧
.excalidraw.excalidraw--view-mode .Stack_vertical { display: none; }
另外,通过记事本修改 js 文件会导致挂件出 bug(修改 css 则不影响),因此非编程小白可以尝试直接替换如下修改后的文件。
重要提醒:请在测试工作空间测试无误后再使用,避免造成不可预期的损失。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于