同步编辑 eaf-mindmap 和 org/md 文件

给 eaf-mindmap 发了个 PR,可以用 eaf-mindmap 打开 org 或者 markdown 文件,编辑 header, 并支持从思维导图结点跳转回 org/markdown 的标题

【求助,讨论】关联文章内容的思维导图 帖子讨论的功能类似。

Peek 2022-12-29 23-23

4 个赞

大佬牛逼啊, 补丁已经合并了。

等以后 GitHub - emacs-eaf/eaf-vue-mindmap: Use d3.js implement mindmap for EAF 开发完成后, 可以把这个功能移植过去, 结合 org/md 在Emacs的编辑效率和思维导图的全局视野。

这么快,感谢合入!

我最近常用 mindmap 记录一些框架性的知识笔记,但发现默认保存在 emm 里很不方便批量修改,也不好搜索,所以加了这个功能。

vue-mindmap 这个是三维的吗?

太帅了!动态更新有 org-roam + org-roam-ui 的味道了。

vue-mindmap 是用 d3.js 开发的, 会在以下几个方面有增强:

  1. 外观样式提升: 包括节点和贝塞尔曲线, 整体基于 svg 来控制
  2. 整体逻辑更强: 原来是魔改的 jsmind.js , 用 vue.js 来写, 整体逻辑和可扩展性会更好
  3. 缩放全局预览: d3.js 有很多动画和缩放的功能可以直接用

总之, vue-mindmap 完成后, 现在基于 jsmind.js 开发的这个就会放弃。

eaf-vue-mindmap 最终的目标是:

  1. 外观程度媲美 XMind
  2. 全键盘操作
  3. 和Emacs生态互通, 特别是 org-mode 和 markdown, 可以由文本生成思维导图, 也可以思维导图生成文本

但是今年年底之前要把费曼物理学讲义看完, 所以最快动手时间是春节或者春节后。

大佬感兴趣思维导图, 建议直接开发 d3 版的 vue-mindmap

1 个赞

d3.js https://observablehq.com/@d3/gallery

是一个数据驱动的绘制框架, 特别适合 org-mode/markdown 这种结构化数据, Emacs的超强编辑能力 + d3.js 的数据表现能力, 互通好了,应该可以做出 mindmap plus 的体验。

感谢!这个主要是用图/树结构来展示单个文件内容的

个人使用 eaf-mindmap 后体会:

  • 把 mindmap 放在 emacs 里的核心优势应该是第三个,因为全键盘不一定适合思维导图,画完整的思维导图最合适的可能是在平板上触屏交互。
  • 纯键盘意味着要牺牲掉很多灵活性,比如添加结点的位置的精确度等等
  • 目前我觉得 eaf-mindmap 在这方面的定位挺好的,不把它当作一个完整功能的思维导图来用(因为只能画树),但树状结构和 org/markdown 的 outline 结构又是一致的,因此当前我只是把它当作一个给 org mode 展示文章结构用的工具。
  • eaf-mindmap 经常会报一些 js 端的错,如下
    Uncaught ReferenceError: relayout is not defined
    the node[id=undefined] can not be found
    
    由于不太懂 js (我还以为 d3.js 是画 3d 的 :sweat_smile:), 当前自己也处理不了,期待 vue-mindmap 的改进
2 个赞