MIT License

项目介绍

JarenChow/JMind 是一个托管在 GitHub 上的开源项目,主要使用 JavaScript 编写,采用 MIT License 许可证,目前获得 313 个 Star、43 次 Fork。

仓库全名
JarenChow/JMind
开源许可证
MIT License
Star 数
313
Fork 数
43
未关闭 Issue
2

README 摘要

JMind 基于 Canvas 技术,使用 Janvas 封装库实现的 XMind 的核心功能。 Online 演示 PDF 手册 JMind 使用手册 功能 | 描述 | 快捷键 | :--------------: | :----------------------------: | :---------------------------------------------: | 新增子节点 | 新增一个节点到当前节点右侧 | Tab | 向下新增节点 | 新增一个节点到当前节点下侧 | Enter | 向上新增节点 | 新增一个节点到当前节点上侧 | Shift+Enter | 新增父节点 | 新增一个节点到当前节点左侧 | Ctrl+Enter | 删除节点 | 删除当前节点及其子节点 | Delete\|Backspace | 选择节点 | 选择待操作的目标节点 |…

完整内容见 GitHub 原始 README 或本页 。

常见问题

JMind 用什么语言开发?

主要使用 JavaScript 编写,采用 MIT License 许可证,目前有 313 个 Star。

JMind 可以免费商用吗?

仓库采用 MIT License 许可证,可免费使用与修改,商业使用请遵守许可证条款(例如保留版权声明与许可声明)。

如何获取 JMind 的源码?

可以直接克隆仓库:git clone https://github.com/JarenChow/JMind.git,默认分支为 main;安装与运行步骤见仓库 README。

JMind 最近还在维护吗?

仓库最近一次更新为 2022年2月10日,当前有 2 个未关闭 Issue;Star 数为 313,可作为社区活跃度的参考。

关于

基于 Canvas 技术,使用 Janvas 封装库实现的 XMind 的核心功能

描述取自 GitHub 官方 API,中文内容由 GitRead 中文社区 编辑团队整理。

简要分析

热度分
403
价值分
201
活跃状态
活跃

语言占比

HTML
JavaScript

贡献者

README

JMind

基于 Canvas 技术,使用 Janvas 封装库实现的 XMind 的核心功能。

Online 演示

PDF 手册

JMind 使用手册

功能 描述 快捷键
新增子节点 新增一个节点到当前节点右侧 Tab
向下新增节点 新增一个节点到当前节点下侧 Enter
向上新增节点 新增一个节点到当前节点上侧 Shift+Enter
新增父节点 新增一个节点到当前节点左侧 Ctrl+Enter
删除节点 删除当前节点及其子节点 Delete|Backspace
选择节点 选择待操作的目标节点 ↑|←|↓|→
选择多节点 选择多个待操作的目标节点 Ctrl+↑|←|↓|→
移动节点 移动目标节点到附近位置 Shift+↑|←|↓|→
剪切节点 复制并删除当前节点 Ctrl+x
复制节点 复制节点内容 Ctrl+c
克隆节点 复制节点内容为 Markdown 并粘贴 Ctrl+d
粘贴节点 粘贴节点内容 Ctrl+v
伸缩节点 展开或收缩目标节点 Ctrl+e
回退操作 编辑模式下将操作回退 Ctrl+z
前进操作 编辑模式下将操作前进 Ctrl+y|Ctrl+Shift+z
全选节点 全选当前未收缩节点 Ctrl+a
定位节点 将焦点转移回到根节点 Ctrl+q
打开文件 打开文件为思维导图 Ctrl+o
保存文件 保存思维导图为文件 Ctrl+s
导出图片 保存思维导图为图片 Ctrl+Shift+s

TIPS: Ctrl+Delete 可以仅删除单节点而保留子节点

TIPS: 多节点操作当前只支持 Ctrl+Enter

说明

  1. 主打性能和效率,支持流畅处理数以万计的节点
    • 因为 Janvas 从底层绘制,仅含一个 <canvas> dom
    • 采用事件代理的方式处理所有事件,占用极低,各方面效率比 XMind 高出一到两个数量级(不好意思说三个数量级)
  2. 可以直接本地运行 .html 作为单机应用使用
  3. 可以运行在 https 页面,便于浏览器剪切板权限的需要:
    • 引入 xmind.js,仅需页面提供一个 id="app" 的 <div> 即可
  4. 鼠标:
    • 左键框选节点
    • 右键拖曳全部节点
    • [Shift]滚轮滚动界面
  5. 如果用的是 MacOS,快捷键的 Ctrl 应该都以 Command 键代替
  6. 这个的开发全都是用原生 ES5 JavaScript 写的,有兴趣的可以看看,反正 MIT 随便造就完事了
  7. 感谢 star,mua~

评论

暂无评论