UI设计 薇晓朵数字商城

 找回密碼
 加入我們

JMind離線思維導圖HTML源碼 無需數據庫

[複製鏈接]
老黑醬 發表於 2021-6-9 23:25:01 | 顯示全部樓層 |閱讀模式

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 隨便造就完事了
回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 加入我們

本版積分規則

备案权重域名预定

4um點擊跨境網編創業社區

GMT+8, 2024-11-24 00:03

By DZ X3.5

QQ

快速回復 返回頂部 返回列表