基于 React Hooks 与 flex 布局,实现了大部分功能的思维导图。 / An almost-full-function Mindmap web app developed with only React Hooks and flex layout.
RMind = React + Mindmap
基于 React Hooks 与 flex 布局,实现了大部分功能的思维导图。
An almost-full-function Mindmap web app developed with only React Hooks and flex layout.
在线演示:RMind Demo
📄 示例用导图文件
|功能|按键| |----|----| |切换所选节点|
↑/
↓/
←/
→| |添加子节点|
Tab| |添加兄弟节点|
Enter| |删除节点|
Backspace/
Delete| |修改节点文字|
F2| |切换显示子节点|
Space| |撤销|
Cmd/Ctrl+
Z| |重做|
Cmd/Ctrl+
Shift+
Z|
编辑文字状态下:
|功能|按键| |----|----| |取消|
Esc| |确认|
Enter|
项目中使用的 iconfont 来自 Zwicon,一款精美且免费的图标库。