Skip to content

Latest commit

 

History

History
62 lines (33 loc) · 2.53 KB

File metadata and controls

62 lines (33 loc) · 2.53 KB

chrome-extension-notion-excalidraw-helper

这是一个方便大家同时使用 notion 和 excalidraw 的小插件,可以方便的将 excalidraw 图形在 notion 和 excalidraw 之间互相拷贝,这样一来可以很方便的使用强大的 excalidraw 制作 notion 插图。

安装

从商店安装

https://chrome.google.com/webstore/detail/notion-x-excalidraw-helpe/fbpnfcemlpcledmlpjmphpkehgokghmg

添加到 Chrome 即可使用!

Unpacked extension

Repo 中已经有构建好的 unpacked extension,可以直接打开 Chrome 的插件设置页,开启 developer mode,点击 Load unpacked,选择该 repo 中的 build 目录即可。

Alt text

从源码构建

如果您需要对代码做一些改进,可以选择从代码来构建,也非常大家来提 PR 对该插件进行改进

yarn
yarn build

使用方法

该插件的使用非常简单,有以下两个最基本的操作:

从 excalidraw 复制到 notion

在插件安装后,在 excalidraw 中用选框选中所需要复制的模型,使用复制文本的快捷键(比如 mac 是 command + C)

Alt text

然后在 notion 粘贴,即可将 excalidraw 的图形以图片的形式粘贴到 notion。该图片带有 excalidraw 的原始数据,可以重新导入图片到excalidraw来继续编辑。

Alt text

从 notion 复制到 excalidraw

Alt text

对于已经包含有 excalidraw 原始数据的图片,hover 在图片上,点击带有 excalidraw 标志的按钮,一直等到该按钮变成 √,然后就可以打开 excalidraw 进行粘贴,原来的图形就会以可编辑的形式重新粘贴回 excalidraw,并且白板上原有的内容不会消失

Alt text

对未安装插件的浏览者来说,它在 notion 上就是一张普通的图片,不会因为没有安装插件而影响观看。

为什么需要这个插件

从 excalidraw 复制到 notion

手动操作时,需要手动将图片导出为 png 到本地磁盘,然后再到 notion 添加一个 image block,手动上传该图片。

从 notion 复制到 excalidraw

手动操作时,需要手动从 notion 下载原始图片到本地磁盘,然后在 excalidraw 打开图片来导入;如果此时 excalidraw 白板上已经有内容,则需要先备份当前的数据,否则导入图片会让当前白板数据丢失。

总而言之,这个插件主要是为了降低在 notion 中嵌入 excalidraw 图形并且保留一些编辑功能的成本。