[分享创造] 造轮子分享 / 在自己开发的笔记里原生集成了 4 套绘图引擎

大家好,我是 NoteDeep 深度笔记 的独立开发者。 不知道大家平时写技术文档或者做知识库的时候,有没有遇到过这个痛点: 配图的工作流割裂。 理思路 Excalidraw ,画架构图 Draw.io ,写文档配时序图 Mermaid ,最后要截图贴回笔记里。想改个错字,得重新走一遍流程:打开原软...
[分享创造] 造轮子分享 / 在自己开发的笔记里原生集成了 4 套绘图引擎
[分享创造] 造轮子分享 / 在自己开发的笔记里原生集成了 4 套绘图引擎

大家好,我是 NoteDeep 深度笔记 的独立开发者。

不知道大家平时写技术文档或者做知识库的时候,有没有遇到过这个痛点:配图的工作流割裂。

理思路 Excalidraw ,画架构图 Draw.io ,写文档配时序图 Mermaid ,最后要截图贴回笔记里。想改个错字,得重新走一遍流程:打开原软件 -> 修改 -> 导出 -> 替换,整个过程繁琐。

我这段时间更新 NoteDeep 的自研编辑器,在笔记内原生集成了一套 All-in-One 的绘图方案。不用跳出笔记,配图工作流变成:

1. 灵感爆发用 Excalidraw (手绘板) 头脑风暴或者梳理初步思路时,直接在笔记里呼出白板。

2. 严谨落地用 Draw.io (架构图) 到了需要画系统架构或者复杂流程图时,直接无缝切换 Draw.io

3. 极客首选用 Mermaid (代码画图)

4. 总结收敛用 Markmap (思维导图) 一键把大纲文本转换成思维导图

💡 核心体验差异:数据完全属于你

市面上很多笔记软件只是做了一层简单的 iframe 嵌套或者强迫你存为静态图片。

我在底层数据结构上做了一些工作:所有画图文件的源码( JSON / XML / 文本)都是直接作为节点保存在笔记数据里的。这意味着:

  • 以后随时点开就能继续编辑,永远不需要保留原工程文件。

作为一款从零手搓的云端笔记应用(自研编辑器),集成这些工具踩了不少坑。目前产品还在不断打磨中。

欢迎来官网下载体验一下:https://www.notedeep.com

大家如果对集成的技术实现细节,或者产品有什么吐槽和建议,欢迎在帖子里交流,我都在!

来源: v2ex查看原文