Obsidian | 在Excalidraw中创建表格

[tuyatuya]

2025.10.30更新

新增：添加行、添加列（按钮可选2种样式）

  
  

---

在使用Obsidian的插件Excalidraw做笔记时，
发现创建表格十分困难。

于是用AI写了一个脚本，让创建表格容易些。

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

Obsidian | 在Excalidraw中创建表格_哔哩哔哩_bilibili

---

  

二、以下是具体代码与配置

1、在插件Excalidraw中，设置 脚本存放位置 ，如下图所示。

2、需要创建三个文件

①主文件：Grid Selected Text.md
②图标文件：Grid Selected Text.svg
③对话框模块文件：DialogUtils.md

3、存放位置如下：

①"Excalidraw/Scripts/Grid Selected Text.md"
②"Excalidraw/Scripts/Grid Selected Text.svg"
③"Excalidraw/Module/DialogUtils.md"

4、脚本主文件Grid Selected Text.md的完整代码见于：

【Grid Selected Text.md】

  
  

---

5、图标文件的代码

    5.1文件名：Grid Selected Text.svg
    5.2存放位置：与脚本文件放在同一文件夹，即 “Excalidraw/Scripts/Grid Selected Text.svg "。
    5.3编辑方法：obsidian不能编辑svg文件，故推荐用记事本编辑后，将svg文件拖放至上述文件夹。
    5.4具体代码如下：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 270">
  <!-- 网格结构 -->
  <path fill="#a5d8ff" stroke="#000" stroke-width="10" 
    d="M20 20h100v100H20z
       M150 20h100v100H150z 
       "/>
       
<path fill="none" stroke="#000" stroke-width="15" 
    d=" 
       M20 150h100v100H20z
       M150 150h100v100H150z"/>

  <!-- T形字母结构 -->
  <path fill="#000" 
    d="M40 40h60v14h-23v46h-14V54h-23z
       M170 40h60v14h-23v46h-14V54h-23z
       M40 170h60v14h-23v46h-14V184h-23z
       M170 170h60v14h-23v46h-14V184h-23z"/>
</svg>

---

  

6、对话框模块文件

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

[royone]

效果挺好啊，就是那几个按钮很复古。

[tuyatuya]

哈哈哈，审美不行，没咋在意按钮的样式

[suxiang999]

表头目前只能蓝色，是否考虑增加颜色选项，让用户自己选表头的颜色
（在弹出框多一个颜色选择框，可输入十六进制的颜色代码）

在创建多个表格共同展示时会有用

（自己尝试过不给表头加颜色，后期自己加，但总感觉不协调，和表格没有统一性…）

[tuyatuya]

这个想法挺好，已经添加。
在选择表头位置之后，可以输入表头颜色。