{"id":13836470,"url":"https://github.com/Mongkii/RMind","last_synced_at":"2025-07-10T15:33:03.818Z","repository":{"id":44373817,"uuid":"186441559","full_name":"Mongkii/RMind","owner":"Mongkii","description":"基于 React Hooks 与 flex 布局，实现了大部分功能的思维导图。 / An almost-full-function Mindmap web app developed with only React Hooks and flex layout.","archived":false,"fork":false,"pushed_at":"2019-12-03T11:27:41.000Z","size":3128,"stargazers_count":647,"open_issues_count":8,"forks_count":97,"subscribers_count":22,"default_branch":"develop","last_synced_at":"2024-08-05T15:05:02.252Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mongkii.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-05-13T14:58:13.000Z","updated_at":"2024-08-02T10:47:32.000Z","dependencies_parsed_at":"2022-07-12T20:10:35.300Z","dependency_job_id":null,"html_url":"https://github.com/Mongkii/RMind","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mongkii%2FRMind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mongkii%2FRMind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mongkii%2FRMind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mongkii%2FRMind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mongkii","download_url":"https://codeload.github.com/Mongkii/RMind/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225647416,"owners_count":17502066,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-04T15:00:46.369Z","updated_at":"2024-11-20T23:31:11.481Z","avatar_url":"https://github.com/Mongkii.png","language":"JavaScript","funding_links":[],"categories":["在線使用"],"sub_categories":[],"readme":"# RMind\n\n\u003ca href=\"https://github.com/Mongkii/RMind\"\u003e\u003cimg src=\"https://img.shields.io/github/license/Mongkii/Rmind.svg\" alt=\"GPL 3.0\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/Mongkii/RMind\"\u003e\u003cimg src=\"https://img.shields.io/github/languages/code-size/Mongkii/RMind.svg\" alt=\"Code Size\" /\u003e\u003c/a\u003e\n\nRMind = React + Mindmap\n\n\u003e 基于 React Hooks 与 flex 布局，实现了大部分功能的思维导图。\n\n\u003e An almost-full-function Mindmap web app developed with only React Hooks and flex layout.\n\n在线演示：[RMind Demo](https://mongkii.github.io/RMind/)\n\n📄 \u003ca href=\"./docs/sample.rmf\"\u003e示例用导图文件\u003c/a\u003e\n\n## 特点\n- 完全使用 React Hooks 开发，所有功能均由箭头函数实现\n- 用 flex 布局完成思维导图排版，唯一用到 canvas 的地方是绘制节点连接线\n\n## 支持\n- 节点的增删改等基本功能\n- 拖拽操作\n- 撤销/重做\n- 导入及导出 .km（百度脑图） .md（Makrdown） .txt 格式的思维导图\n- 将导图保存为图片\n- 切换主题\n\n## 演示\n\n- 拖拽操作\n\n![](./docs/img/drag.gif)\n\n- 键盘操作\n\n![](./docs/img/keydown.gif)\n\n- 切换主题\n\n![](./docs/img/theme.gif)\n\n## 操作方式\n### 鼠标操作\n  - 单击选中节点\n  - 双击编辑节点文字\n  - 拖拽移动节点\n\n### 键盘操作\n\n|功能|按键|\n|----|----|\n|切换所选节点|`↑`/`↓`/`←`/`→`|\n|添加子节点|`Tab`|\n|添加兄弟节点|`Enter`|\n|删除节点|`Backspace`/`Delete`|\n|修改节点文字|`F2`|\n|切换显示子节点|`Space`|\n|撤销|`Cmd/Ctrl`+`Z`|\n|重做|`Cmd/Ctrl`+`Shift`+`Z`|\n\n编辑文字状态下：\n\n|功能|按键|\n|----|----|\n|取消|`Esc`|\n|确认|`Enter`|\n\n## 下一步计划\n\n- 自定义主题\n- 布局在紧凑/宽松间切换\n- 大纲等其他导图样式\n- Minimap + 导图缩放\n- 优化 Hooks 使用，避免不必要的渲染\n\n## 致谢\n\n项目中使用的 iconfont 来自 [Zwicon](https://zwicon.com)，一款精美且免费的图标库。","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMongkii%2FRMind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMongkii%2FRMind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMongkii%2FRMind/lists"}