JMind
基於 Canvas 技術,使用 Janvas 封裝庫實現的 XMind 的核心功能。
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
說明
主打性能和效率,支持流暢處理數以萬計的節點
因為 Janvas 從底層繪製,僅含一個 <canvas> dom
採用事件代理的方式處理所有事件,佔用極低,各方面效率比 XMind 高出一到兩個數量級(不好意思說三個數量級)
可以直接本地運行 .html 作為單機應用使用
可以運行在 https 頁面,便於瀏覽器剪切板權限的需要:
引入 xmind.js,僅需頁面提供一個 id="app" 的 <div> 即可
鼠標:
左鍵框選節點
右鍵拖曳全部節點
[Shift]滾輪滾動界面
如果用的是 MacOS,快捷鍵的 Ctrl 應該都以 Command 鍵代替
這個的開發全都是用原生 ES5 JavaScript 寫的,有興趣的可以看看,反正 MIT 隨便造就完事了 |