堪称完美的绘图方案与体验 - drawio 挂件与“粘贴 +”动作的分享
20220305 更新，萌新大佬改装的drawio挂件已经上架集市，可以实现一键保存，本教程仅作历史存档
项目地址 Zuoqiu-Yingyi/widget-drawio: 一个适用于思源笔记的 draw.io 挂件 | A draw.io widget for Siyuan Notes.
萌新大佬的推荐码: h0sc9rc
-----------------------------------------
堪称完美的绘图方案与体验 - drawio 挂件与“粘贴 +”动作的分享
drawio 功能：流程图，笔记随便画，手写板，各种图形，脑图加强版，个人感觉比其他一些思维导图之类的要好用，关键是有手绘风格，做出来的图可以导出为图片、svg 等格式，方便与其他软件（比如 PPT、word、coreldraw 、AI 等，科研 dog 应该很喜欢吧）交换数据。
这是一个简单展示：
这是一个简单展示：第一个图是挂件窗口，第二个是导出的图片
这个做出来的思维导图，可以以 iframe 嵌入、HTML 嵌入或者截图的形式放在思源中，推荐以 iframe 嵌入放在思源中，这样方便修改，本教程也是以 iframe 嵌入在思源中。
下载 drawio 蓝奏云分享链接 https://www.lanzouw.com/iPS3mw2rfyf
校验：drawio.zip
文件大小：40890968 字节
修改时间：2021 年 9 月 29 日 22:11:22
MD5 ：C485EF435666B7A0BC245F4A099EC530
SHA1 ：BF62C49A3BD402172BAF3724F299CBB62D6CDB4D
CRC32 ：79184DDC
将“drawio.zip”解压，放到文件夹“\data\widgets”下面
新建插图：右 shift 左边 那个键 → 挂件 → drawio
修改插图：在原来那个图上修改
保存修改（新建、修改之后一定要执行这个，否则你的工作就前功尽弃了）：导出为 → 嵌入 → IFrame → 创建 → 复制 ，如果是在网页版可以点击 File → Embed → IFrame → Creat → Copy，在思源笔记中另起一行，执行 quicker 的 粘贴 + - 动作信息 - Quicker ，得到新的图，拖拽挂件右下角调整一下大小，将原来的图删除即可（这个保存方法也是我目前发现的最好使的方法，后期如果有大佬把这个挂件修改成能一键保存，那就更完美了）
具有丰富的模板和素材：使用模板需要在浏览器中访问挂件（ http://127.0.0.1:6806/widgets/drawio/ ）或者使用 drawio 的网页版（ https://app.diagrams.net/?src=about ）。放一张图看看：
界面设置：喜好（preference，或者 extract） → 主题（theme） → Sketch 【这个主题比较好，有一个可以自由绘图的工具（类似铅笔工具），弥补了思源笔记不能写写画画的短板，模板 + 铅笔绘图，要啥 onenote，哈哈哈！】
PS：思源笔记挂件功能目前还在逐步完善阶段，现在只能是订阅用户使用，软件挂件功能后期会对普通用户开放，不过你可以在浏览器上访问挂件（ http://127.0.0.1:6806/widgets/drawio/ ）或者使用 drawio 的网页版（ https://app.diagrams.net/?src=about ），编辑好之后，在思源笔记中执行 quicker 的 粘贴 + - 动作信息 - Quicker 即可，但是还是推荐订阅，毕竟早买早享受，并且早买有优惠。如果你喜欢这篇文章的话，订阅软件的时候，请使用我的订阅码，你我都有优惠，你的支持是我继续分享经验、创作文章的动力，谢谢。
官方网址奉上：
Quicker 软件 您的指尖工具箱 - Quicker@HTTP 推荐码：11180-1954
思源笔记 - 本地优先的个人知识管理系统，支持 Markdown 排版、块级引用和双向链接 @HTTP 思源笔记推荐码：578MMHg
粘贴 +
粘贴 + - 动作信息 - Quicker 以前叫做“规范粘贴卍”
组合了动作“规范粘贴”、“保存剪切板图片”，自动判断剪切板内容，进行相关操作
背景：
- 从一些 PDF 文件中复制文字会带有很多格式问题：多余空格、换行等
- 思源笔记中 drawio 挂件还不太完善，本动作可以作为辅助，更方便使用 drawio 挂件
- 有时候需要将剪切板里的图片保存为文件
功能与执行逻辑：
- 如果剪贴板是 txt，执行“规范粘贴”
- 如果 txt 里面有 https://viewer.diagrams.net/ 则替换为 widgets/drawio/ ，便于粘贴到思源笔记
- 否则 自动判断剪切板内容是中文？还是英文？
- 如果剪切板含有中文 → 中文规范粘贴
- 否则执行 英文规范粘贴
- 如果是剪贴板不是文本，则执行“保存剪贴板图片”
后期还会增加一些其他的功能
参考：
规范粘贴 - 已分享的动作 - VernonLin - Quicker@HTTP
保存剪贴板图片 - 已分享的动作 - CL - Quicker@HTTP
去空粘贴 - 已分享的动作 - 徐律师 - Quicker@HTTP
Diagram Software and Flowchart Maker@HTTP 你可以直接打开这个网页，点击“start”，体验一下 drawio 这个网页 app 有多好使，还有她的颜值
jgraph/drawio: Source to app.diagrams.net@HTTP
思源笔记中使用drawio_哔哩哔哩_bilibili@HTTP 鱼大 B 站的 drawio 教程
Release 15.4.0 · jgraph/drawio-desktop@HTTP
again
官方网址奉上：
Quicker 软件 您的指尖工具箱 - Quicker@HTTP 推荐码：11180-1954
思源笔记 - 本地优先的个人知识管理系统，支持 Markdown 排版、块级引用和双向链接 @HTTP 思源笔记推荐码：578MMHg
To Be Continued.
