嵌入式系列插件第四弹:Excalidraw 插件

继上一篇 嵌入式系列插件第三弹:draw.io 插件 之后,收到评论区中的朋友有 Excalidraw 的需求,于是第四个「嵌入式系列」插件 Excalidraw 插件诞生了。(注意名字里带「嵌入式系列」)

image.png

「嵌入式系列」思源插件 QQ 交流群:1037356690

嵌入式系列插件的宗旨:仅作为思源笔记的辅助编辑插件,将所有信息嵌入思源笔记和 markdown 所支持的数据格式中,使得插件所创造的所有内容在脱离插件甚至脱离思源笔记(导出为 markdown/分享到第三方平台)后仍然可以正常显示。

秉承 「嵌入式系列」 的宗旨,新的 Excalidraw 插件以 SVG/PNG 图像的形式 存储 Excalidraw 数据,因此对于思源笔记和 markdown 以及其他第三方平台而言,文章中的 Excalidraw 图像真的就只是一张普通的 SVG/PNG 图片,在任何地方都可以正常显示、正常分享。甚至单独将图片转发给别人,别人如果将其导入思源并安装这个插件,或者直接导入 Excalidraw 平台,照样可以接着编辑,实现自由编辑、自由分享。

PC 端使用效果

preview.png

移动端使用效果

image.png

功能

  • 无网络离线使用
  • Excalidraw 图像以 SVG/PNG 格式存储
  • Excalidraw 图像可编辑
  • 支持导出 PDF
  • 支持移动端编辑
  • 图像支持暗黑模式
  • 支持 Excalidraw 中显示思源文档内容

如有更多需求/建议欢迎在 GitHub 仓库中提 issue 或在本贴中回贴

使用指南

设置存储格式:可在插件配置中设置新创建的 Excalidraw 图像以 SVG 还是 PNG 格式存储。

创建 Excalidraw 图像: 在编辑器中输入 /excalidraw 命令即可创建新 Excalidraw 图像。

编辑 Excalidraw 图像: 右键/点击图像右上角的菜单按钮,当图像被识别为合法的 Excalidraw 图像时,菜单中会显示 编辑Excalidraw 的选项,点击即可打开编辑窗口。

Excalidraw 图像块标签: 可在插件设置中修改 Excalidraw 图像块的标签显示模式。

嵌入思源内容: 点击思源文档/思源块左侧按钮,点击 复制 - 复制块超链接,得到以 siyuan://blocks/ 开头的超链接,在 Excalidraw 中点击 嵌入网页, 输入该超链接,即可将思源内容嵌入到 Excalidraw 中。

从其他来源迁移:

  • 方案 1:只需要在任意 Excalidraw 平台导出 SVG/PNG 图像时勾选 包含画布数据 选项,再把 SVG/PNG 图像拖入思源笔记中即可,不用担心以后没法再迁移,这个 SVG/PNG 图像也是可以导入到任意 Excalidraw 平台再次编辑的。
  • 方案 2:在任意 Excalidraw 平台内复制全部内容,在思源笔记中输入 /excalidraw 命令创建新 Excalidraw 图像,然后将复制的内容粘贴进弹出 Excalidraw 窗口中即可。

已支持在 Excalidraw 中嵌入思源块和思源文档。

Excalidraw 的可玩性其实蛮高的,比如可以画出粗略的思维导图后在 Excalidraw 里用脚本直接规范化(看到隔壁 obsidian 有),后面还有得改。如果有需求可以回帖,后面慢慢加。

如果你觉得有用,欢迎请我喝杯咖啡☕
  • 思源笔记

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

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

    28443 引用 • 119762 回帖
  • Excalidraw
    6 引用 • 56 回帖
  • 插件
    116 引用 • 753 回帖 • 3 关注
6 操作
yuxinzhao 在 2025-12-05 15:49:29 更新了该帖
yuxinzhao 在 2025-12-01 00:55:31 更新了该帖
yuxinzhao 在 2025-11-21 00:03:31 更新了该帖
yuxinzhao 在 2025-11-18 15:24:53 更新了该帖 yuxinzhao 在 2025-11-18 15:17:57 更新了该帖 yuxinzhao 在 2025-11-18 15:17:05 更新了该帖

相关帖子

优质回帖

欢迎来到这里!

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

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

    试用了一下,感觉 excal 这个做的很不错,用起来是非常轻量级的。非常适合用于全屏演示。

    draw.io 那个,我个人感觉这是不是相比于已存在的另一个 draw.io(不带嵌入式标签的那个)要轻量了很多?然后,我查了一下(甚至一个个设置项对比了过去),好像是不是连设置白天黑夜模式的功能都去掉了?我不太确定这个是 draw.io 自己的问题还是有意去掉了功能/轻量化了。

    说的更正经一些的话,就是我个人认为 draw.io 是较为重型的绘制软件,一般动用它显然是需要长时间绘图的。个人认为如果是这样的话其实我更接受的是牺牲一定的打开速度但是希望让绘制软件能够保持完整的功能。如果是有意的轻量化的话就不太让人满意了。

    另外支持 achuan 之前在 draw.io 的提议,如果之后有空可以看看能不能做思维导图嵌入。现在靠 css 这种很容易受每个人现有的环境/代码影响,结果造成功能异常。

    2 回复
  • 其他回帖
  • wujianzhong 9 评论

    Excalidraw 体积会小一些,Draw.io 体积会大一些,实际上我们作为用户也希望只用 Excalidraw 就能解决所有需求,我现在离不开 draw.io 的核心原因是画流程图太高效了,从一个图形点击箭头可以选择下一个图形的形状,且两个图形之间的间隔是固定的、居中对齐的,点几下就可以完成一个流程图的绘制,如果 Excalidraw 中也可以通过添加 JS 代码实际这个功能,我会毫不犹豫地放弃 draw.io,只使用 excalidraw,不知作者能否体验一下 draw.io 绘制流程图的高效,然后开发个 js 代码补充一个 excalidraw 绘制流程图的功能

    excalidraw 有这个功能啊,选中图像按住 ctrl 键的同时按方向键即可。
    yuxinzhao
    我知道有这个功能,但只能是同一形图,,不能另外选其他图形
    wujianzhong
    例如选中一个矩形,按住 ctrl,然后按方向键,出来的变是矩形,不可以选菱形或圆形。在 excalidraw 中绘制流程图一般用圆形表示开始和结束,用菱形表示判断分支,用矩形表示步骤,这三个图形都是很重要的必须有的
    wujianzhong
    @wujianzhong 最近有点忙,可以在社区发帖悬赏一下,看看有没有人做,JS 可以实现的
    yuxinzhao
    @wujianzhong excalidraw 好像自带了切换图形的功能,按 TAB 就行,你看这个视频【🔍 Excalidraw 最新功能 (2025 年春季版) 🛠️ | 更新 #1-哔哩哔哩】 https://b23.tv/P7qQhAN
    yuxinzhao 1 赞同
    @yuxinzhao excalidraw.com 确实支持 tab 键切换图形,但插件中 tab 不生效,是否考虑加上 tab 支持
    wujianzhong
    @wujianzhong 加上!
    yuxinzhao
    @yuxinzhao 谢谢,这功能很实用很高效,鼠标选图形,tab 键切换,真牛
    wujianzhong
  • Achuan-2 2 赞同 1 评论

    发现一个妙用,就是可以给图片加裁剪、加备注,并且这个裁剪效果、备注又可以后期修改。我之前一直想有一个图片编辑功能,又可以后期编辑。现在发现嵌入式的 drawio 和 excalidraw 插件就能满足需求了,太棒了

    image.png

    1 回复
    天才!!
    yuxinzhao
  • PearlLin 1 评论

    “画出粗略的思维导图”,这个实践中可以直接通过思源的列表块来实现。

    列表块转换(为导图、表格、看板)这个功能很多主题都有,轻量化使用是足够的。(QYLexpired/QYL-ListView QYL 主题有单独拆分一个列表视图插件)

    关于“思维导图之间的连线”,番茄工具箱有基于思源笔记的轻量化实现方式,通过星号引用。(见:‍‍‍‍⁠‍‬‬‌‍‌‌‍⁠‬⁠‍⁠⁠‍‌‌🍅 思维导线 - 飞书云文档,相关的源码应该是 sy-tomato-plugin/src/MindWire.ts at main · IAliceBobI/sy-tomato-plugin


    不知道这些有没有用。希望能够作为作者的灵感和参考。

    感谢,''画出粗略的思维导图''我是在这个 b 站视频里看到的:【【2】思维导图已死?Excalidraw 多维知识网络重磅来袭 | 如何用动态画布重构千万级用户的认知图谱-哔哩哔哩】 https://b23.tv/bjbUoEq 目前也有打算单独做思维导图的插件,上个帖子中 Achuan-2 大佬有提过这个需求 嵌入式系列插件第三弹:draw.io 插件 - Achuan-2 的回帖 现在还在考虑用什么方案,视情况可能会分为嵌入到列表和嵌入到图片的两种思维导图插件,也欢迎你继续提建议
    yuxinzhao
  • 查看全部回帖