基于react开发的带富文本编辑功能的思维导图编辑器开源啦

5,526 阅读1分钟

基于react ,immutable.js 以及 slate 构建的思维导图app : react-mindmap 开源啦!!

在线演示:awehook.github.io/react-mindm…喜欢的话欢迎点个star啊!!

这个项目用到了我开发的思维导图类库blink-mind,支持以插件的方式定制任何想要的需求。

对这块有兴趣的同学欢迎fork, 以及提PR

screentshots:

富文本编辑,可以插入列表,代码块,超链接

目前支持的功能:

  1. 思维导图节点的文本编辑器是基于slate的富文本编辑器,类似于medium的编辑体验。

2. 移动整个画布

3. 节点之间可以通过拖动移动位置

  1. 弹出式菜单操作思维导图节点

  1. 支持数据导入导出,导出为json 格式

  2. 快捷键支持,tab键添加子节点,enter/return 键添加兄弟节点

后面要做的功能:

  1. 优化编辑器编辑体验(目前的编辑器体验离我的预期还差挺多的)
  2. 增加多种数据导入导出的格式支持
  3. 多主题色切换
  4. 支持多种布局方式
  5. 支持自定义文本编辑器