react + Antv G6实现简易的脑图编辑器

目前功能

初版编辑器:
点击编辑按钮,进入编辑模式,选择节点

  • 更改字体颜色
  • 更改字体大小
  • 添加子节点
  • 添加同级节点(根节点无法添加同级节点)
  • 按Bachspace(删除按钮) 可删除节点及其子节点(根节点无法删除)
  • 布局变更 不需要进入编辑模式
  • 退出编辑模式,可以拖动、缩放画布

代码库地址

简易脑图代码库

效果图

react + Antv G6实现简易的脑图编辑器