易口袋Pockez
心智圖
免費線上心智圖：鍵盤快速新增分支、拖曳節點調整層級，自動儲存在瀏覽器，可匯出 PNG、SVG 與 JSON，或產生分享連結傳給別人。免註冊，內容不上傳。
- 自動儲存
- 一鍵分享連結
- 匯出圖片
- 手機可操作
操作說明（鍵盤與滑鼠）
- 雙擊節點或按 F2：編輯文字
- Tab：新增子節點
- Enter：在下方新增同級節點；Shift＋Enter：在上方新增
- Ctrl＋Enter：在上方插入父節點
- Delete：刪除選取的節點
- 方向鍵：移動選取；Alt＋↑↓：調整同級順序
- 把節點拖到另一個節點上：改變位置與層級
- Ctrl＋C／V／X：複製、貼上、剪下節點
- Ctrl＋Z：復原；Ctrl＋Shift＋Z：重做
- Ctrl＋＝／－：縮放；Ctrl＋0：重設縮放
- F1：回到畫面中心；Esc：離開畫布
- 按住空白鍵拖曳，或按住右鍵拖曳：平移畫布
- 在空白處按住左鍵拖曳：框選多個節點
- 在節點上按右鍵：連線、摘要、專注模式等更多功能
手機與平板
- 點一下節點：選取；連點兩下：編輯文字
- 單指拖曳：平移畫布；雙指開合：縮放
- 在節點上按住約半秒再拖曳：移動節點
- 用畫布上方的按鈕新增、編輯、刪除節點；右下角工具列可回到中心與縮放
心智圖只存在這個瀏覽器（自動儲存），不會上傳；清除瀏覽器資料就會消失，重要內容請匯出備份。
🔒 所有計算都在你的瀏覽器內完成，資料不會上傳到任何伺服器。
什麼時候會用到
- 讀書筆記與考前整理：把章節重點畫成樹狀結構，一眼看清楚彼此的關聯。
- 腦力激盪與企劃發想：先寫中心主題，用 Tab、Enter 快速展開想法。
- 專案與活動規劃：拆解任務、分配負責人，按「複製分享連結」傳給團隊。
- 簡報與教學：匯出 PNG 或 SVG 放進投影片或講義。
使用說明
- 點選節點後按 Tab 新增子節點、Enter 新增同級節點，雙擊或按 F2 修改文字；手機上改用畫布上方的「＋子節點」「＋同級」「編輯」「刪除」按鈕。
- 把節點拖到另一個節點上即可改變層級與順序；在節點上按右鍵可以加連線、摘要或進入專注模式。「版面」可切換兩側、向右、向左、向下展開。
- 每次修改都會自動儲存在這個瀏覽器，下次打開會接著編輯。要備份或換電腦時按「匯出 JSON」，之後用「匯入 JSON」讀回；要分享或列印就匯出 PNG 或 SVG。
實際範例
匯入一份「讀書計畫」心智圖：三個子節點中，「數學」附 https 連結、「英文」附一張外部網址的圖片、「筆記」含自訂 HTML 和 javascript: 開頭的連結，另有兩條連線，其中一條指向不存在的節點 history。匯入後顯示略過 4 項：外部圖片、自訂 HTML、javascript: 連結、斷掉的連線各 1 項；四個節點的文字、數學的連結和另一條連線都保留。
手寫的 JSON 常漏寫 id：中心主題 Root 和子節點 A 沒有 id、B 的 id 是含空白的「x y」、C 的 id 是 c，另有一條從「x y」連到 c 的連線。匯入後 Root、A、B 依序得到 n1、n2、n3，C 保留 c，連線自動改成從 n3 連到 c，沒有任何內容被略過。
結果怎麼看
- 狀態列出現「已自動儲存在這個瀏覽器」代表最新內容已寫入；若出現「無法儲存」，通常是無痕模式或瀏覽器封鎖了網站資料，關掉頁面內容就會消失，請立即匯出 JSON。
- 匯入訊息裡的「略過 N 項」是被安全清理掉的數量，不是錯誤；若顯示「匯入失敗」，檔案完全沒有套用，畫面上的心智圖維持原樣。
- 匯出的 PNG、SVG 沿用目前的深淺色配色，要白底圖片請先切到淺色模式。檔名取自中心主題並去掉檔名不允許的符號，例如「2026 計畫: Q1/Q2?」會存成「2026 計畫 Q1 Q2.png」。
原理與計算方法
- 編輯器使用開源的 Mind Elixir 5.15.1，排版、拖曳、復原都在瀏覽器裡完成。資料是 JSON：nodeData 是中心主題，children 是子節點陣列，arrows 與 summaries 分別記錄連線與摘要。
- 匯入時先依 JSON 規範解析（開頭的 BOM 會略過），再逐一檢查節點：每個節點都要有文字 topic，否則指出出錯的位置；id 缺少、重複或含英數、底線、連字號以外的字元時自動換成新 id，連線與摘要跟著對應。
- 只保留白名單欄位：自訂 HTML 一律移除；圖片只接受內嵌在檔案裡的 data:image；連結只接受 http、https、mailto；樣式只留字型、顏色、背景、粗細、寬度、框線等屬性且不得含 url()。所有文字都轉義成純文字顯示，避免被當成 HTML 執行。
- 每次編輯後 0.4 秒自動寫入 localStorage（鍵名 pockez:mind-map），只存目前這一份。配色依網站的深淺色模式切換，節點文字與底色對比至少 4.5:1、分支線條與畫布至少 3:1。
適用限制
- 只保存一份心智圖：按「新增」或匯入檔案都會取代目前內容，要保留多份請分別匯出 JSON。
- 單一檔案上限 5 MB、5000 個節點、100 層，超過會直接拒絕匯入並說明原因。
- 外部網址的圖片不會載入（避免連到其他網站），只有內嵌在 JSON 裡的圖片會顯示；匯出圖片使用 Mind Elixir 內建功能，未來版本可能調整。
- 手機與平板沒有鍵盤快捷鍵，右鍵選單的連線、摘要、專注模式在部分手機上叫不出來，這些進階功能建議用電腦操作。
常見問題
我的心智圖存在哪裡？會上傳嗎？
只存在你這台裝置的瀏覽器（localStorage），不會傳到伺服器。清除瀏覽器資料、使用無痕模式或換裝置後就看不到，重要內容請用「匯出 JSON」備份。
可以匯入其他心智圖軟體的檔案嗎？
目前只支援 Mind Elixir 格式的 JSON，本工具匯出的就是這種格式。XMind、FreeMind 等其他軟體的專用檔案無法直接匯入。
匯入後為什麼少了一些內容？
為了安全，匯入時會移除節點裡的自訂 HTML、外部網址的圖片、不是 http、https、mailto 開頭的連結，以及指向不存在節點的連線，畫面會顯示略過了幾項。節點文字與樹狀結構會完整保留。
手機可以用嗎？
可以。點一下節點選取、連點兩下編輯文字，單指拖曳平移、雙指開合縮放，在節點上按住約半秒再拖曳就能移動節點；新增與刪除用畫布上方的按鈕。大型心智圖還是建議用電腦編輯。
怎麼把心智圖分享給別人？
按「複製分享連結」，整張心智圖會壓縮後放在網址的 # 後面，對方打開就能看到，並在自己的瀏覽器繼續編輯；這段不會傳到伺服器。連結是當下的快照，之後修改不會同步。節點非常多、連結太長時會提示改用匯出 JSON 分享。
心智圖可以匯出成 PDF 嗎？
目前可以匯出 PNG、SVG 與 JSON；需要 PDF 時，把 PNG 或 SVG 插入文件或簡報後另存成 PDF 即可。
心智圖怎麼畫比較清楚？
中心放主題，第一層放 3～7 個主要分類，每個節點盡量用短詞；同一層的項目屬於同一種分類，最後再用連線標出跨分支的關聯。
換電腦要怎麼接著編輯？
在原本的電腦按「匯出 JSON」，到新電腦用「匯入 JSON」讀回；或按「複製分享連結」，在新電腦打開連結也能載入。