[分享创造] 造轮子分享 / 在自己开发的笔记里原生集成了 4 套绘图引擎
·
大家好,我是 NoteDeep 深度笔记 的独立开发者。 不知道大家平时写技术文档或者做知识库的时候,有没有遇到过这个痛点:配图的工作流割裂。 理思路 Excalidraw ,画架构图 Draw.io ,写文档配时序图 Mermaid ,最后要截图贴回笔记里。想改个错字,得重新走一遍流程:打开原软件 -> 修改 -> 导出 -> 替换,整个过程繁琐。 我这段时间更新 NoteDeep 的自研编辑器,在笔记内原生集成了一套 All-in-One 的绘图方案。不用跳出笔记,配图工作流变成: 1. 灵感爆发用 Excalidraw (手绘板) 头脑风暴或者梳理初步思路时,直接在笔记里呼出白板。 2. 严谨落地用 Draw.io (架构图) 到了需要画系统架构或者复杂流程图时,直接无缝切换 Draw.io 。 3. 极客首选用 Mermaid (代码画图) 4. 总结收敛用 Markmap (思维导图) 一键把大纲文本转换成思维导图 💡 核心体验差异:数据完全属于你 市面上很多笔记软件只是做了一层简单的 iframe 嵌套或者强迫你存为静态图片。 我在底层数据结构上做了一些工作:所有画图文件的源码( JSON / XML / 文本)都是直接作为节点保存在笔记数据里的。这意味着: