Skip to content

内置思维导图改为markmap - #16439

Open
Achuan-2 wants to merge 9 commits into
siyuan-note:devfrom
Achuan-2:markmap
Open

内置思维导图改为markmap#16439
Achuan-2 wants to merge 9 commits into
siyuan-note:devfrom
Achuan-2:markmap

Conversation

@Achuan-2

@Achuan-2 Achuan-2 commented Nov 24, 2025

Copy link
Copy Markdown
Member

关联:#16438

image

markmap相比echarts tree的优势

  • 更美观
  • 不仅仅支持列表,也支持Markdown标题、各种排版样式
  • 支持自适应宽度,方便查看
  • 支持保存为svg

pr实现

  • 渲染引擎改为markmap
  • 实现编辑内容动态更新,只重新渲染编辑节点
  • 导出图片按钮实现导出svg
  • 添加重置视图按钮

@Achuan-2

This comment was marked as resolved.

- 实现编辑内容动态更新,只重新渲染编辑节点
- 导出图片按钮实现导出svg
- 添加重置视图按钮
@Achuan-2

Copy link
Copy Markdown
Member Author
  • 实现编辑内容动态更新,只重新渲染编辑节点
  • 导出图片按钮实现导出svg
  • 添加重置视图按钮

@Achuan-2

Achuan-2 commented Nov 25, 2025

Copy link
Copy Markdown
Member Author

其实目前mindmap、mermaid块都是思源的自定义块,想要导出分享的时候并不方便,看有没有人做markmap、mermaid嵌入式插件,或者官方做,斜杆菜单可以选择创建这些块是块的形式还是图片格式(或者加一个全局设置,只能选一个方式),块源码格式更多是为了导出markdown代码用,其实其他导出场景大概率用不到

而图片格式实现逻辑很简单,创建svg/png图片,把文字内容放在png元数据块里,这样图片就能支持再编辑了,导出分享会比较方便,不然还是主要只能在思源笔记里用,这个功能做出来之后也算是思源笔记的功能亮点之一。如果官方搞的话,导出Markdown的时候就可以选择导出嵌入式图片还是源码,这样各种需求都能满足


简单写了一个插件: https://github.com/Achuan-2/siyuan-embed-markmap

PixPin_2025-11-25_12-51-31

@bytemain

Copy link
Copy Markdown
Member

这个有什么进展吗,原生的 mindmap 确实没有那么好用

@Achuan-2

Copy link
Copy Markdown
Member Author

这个有什么进展吗,原生的 mindmap 确实没有那么好用

这个看官方,官方之前一直没有说要采纳

@88250
88250 requested a review from Vanessa219 July 22, 2026 13:04
@Achuan-2

Copy link
Copy Markdown
Member Author

如果思维导图后面要改的话,建议直接把编辑器改为使用protyle lite方便用户阅读和编辑

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants