Obsidian | Excalidraw大纲脚本

2025.09.09更新

修复bug

绘图文件重命名或移动文件夹后,加载大纲失败:已修复!
最新脚本代码见于【Excalidraw Outline】。
  
  
  
  


2025.09.02更新

主要改动点

1、调整面板的布局与样式,如下图。

2、增加下拉选择器:可以在面板修改标题的大纲层级,如下图。

3、增加删除按钮:可以在面板删除不需要的大纲条目,如下图。


  
  
  
  


我喜欢用 插件Excalidraw 做笔记,Excalidraw的无限画布可以将笔记所有内容全部呈现出来;
而且排版更自由,可以将文字、图片、图形、链接等随自己的想法自由排列。

但是Excalidraw的大纲功能几乎等于没有,于是自己写了一个脚本实现大纲功能。

一、下面展示脚本的使用方法

excalidraw outline

1、先给 标题元素 添加大纲层级

2、打开Excalidraw大纲面板

3、Excalidraw大纲面板 :跳转功能

4、Excalidraw大纲面板 :手动调整大纲条目顺序

5、Excalidraw大纲面板 :刷新功能

6、Excalidraw大纲面板 :调整面板高度

二、文件的具体代码与配置

1、需要创建三个文件

  ① 脚本主文件:Excalidraw Outline.md
  ② 脚本图标文件:Excalidraw Outline.svg
  ③ 对话框模块文件:DialogUtils.md

存放位置如下:
“Excalidraw/Module/DialogUtils.md”
“Excalidraw/Scripts/Excalidraw Outline.md”
“Excalidraw/Scripts/Excalidraw Outline.svg”

Image 2

2、插件Excalidraw的配置

3、脚本主文件 Excalidraw Outline.md 的代码

“Excalidraw/Module/DialogUtils.md”
具体代码见于【Excalidraw Outline】。

4、脚本图标文件 Excalidraw Outline.svg 的代码

“Excalidraw/Scripts/Excalidraw Outline.svg”
Obsidian不能编辑svg文件,故推荐在记事本中编辑好后,将svg文件拖入上述文件夹中。

<svg xmlns="http://www.w3.org/2000/svg" 
viewBox="100 80 500 400">

<path d="M309.12 184.8c0 21.957-17.801 39.758-39.762 39.758-21.957 0-39.758-17.801-39.758-39.758 0-21.961 17.801-39.762 39.758-39.762 21.961 0 39.762 17.801 39.762 39.762M341.6 159.04h179.2v51.52H341.6zM309.12 282.24c0 21.961-17.801 39.762-39.762 39.762-21.957 0-39.758-17.801-39.758-39.762 0-21.957 17.801-39.758 39.758-39.758 21.961 0 39.762 17.801 39.762 39.758M341.6 256.48h179.2V308H341.6zM309.12 379.12c0 21.957-17.801 39.758-39.762 39.758-21.957 0-39.758-17.801-39.758-39.758 0-21.961 17.801-39.762 39.758-39.762 21.961 0 39.762 17.801 39.762 39.762M341.6 353.36h179.2v51.52H341.6z"/>
</svg>

5、对话框模块文件 DialogUtils.md

模块文件 DialogUtils.md 具体配置见于【Obsidian | 适用于Excalidraw的自定义对话框模块】。

  
  

2 个赞