介紹
Markmap.js 是一款開源項目,在 GitHub 上獲得了超過 1.7 萬個星的關注,它的主要功能是將 Markdown 文檔可視化為思維導圖。
在日常使用中,用户經常需要面對老闆的"再改一版"的問題,
而你則需要對生成的思維導圖進行高效修改以達到老闆的合理需求。
為此,中文Markmap 2.0 版本的更新,有效解決了這一需求,以下是新增的功能:
- 從圖形節點跳轉到對應的源碼:快速定位節點在 Markdown 文件中的對應位置;
- 對圖形節點進行內容編輯操作:直接修改節點的文本內容;
- 對圖形節點進行刪除操作:刪除節點及其所有子節點;
- 對圖形節點進行加粗操作;
- 對圖形節點進行斜體操作;
- 對圖形節點進行高亮操作;
- 對圖形節點進行拓展子節點操作:快速拓展思維導圖子分支;
-
對圖形節點進行釋義操作:方便快速理解不懂的概念;
操作教程
下面,我們將通過一個“細胞結構”的思維導圖示例,詳細介紹這些新功能的操作方法。
1.從圖形節點跳轉到對應的源碼
例:點擊目標節點【細胞核】,在彈出的面板中,點擊【跳轉】按鈕後(如上圖所示),代碼編輯器就會跳轉到該節點在 Markdown 中的對應行。2.對圖形節點進行內容編輯操作
例:點擊目標節點【細胞核】,在彈出的面板中,點擊【編輯】按鈕後(如上圖所示),就會彈出一個對話框,如下:
在此對話框中輸入新的文本內容後,點擊【OK】按鈕完成編輯。
在本例中改成了 細胞核123,結果如下:
3.對圖形節點進行刪除操作
例:點擊目標節點【細胞核】,在彈出的面板中,點擊【刪除】按鈕後(如上圖所示),就會刪除該節點及其所有後代節點,結果如下:
4.對圖形節點進行加粗操作
例:點擊目標節點【細胞壁】,在彈出的面板中,點擊【粗體】按鈕後(如上圖所示),節點的文本就會被加減粗體,結果如下:
5.對圖形節點進行斜體操作
例:點擊目標節點【細胞壁】,在彈出的面板中,點擊【斜體】按鈕後(如上圖所示),節點的文本就會被加減斜體,結果如下:
6.對圖形節點進行高亮操作
例:點擊目標節點【細胞壁】,在彈出的面板中,點擊【高亮】按鈕後(如上圖所示),節點的文本就會被加減高亮,結果如下:
7.對圖形節點進行拓展子節點操作
例:點擊目標節點【細胞壁】,在彈出的面板中,點擊【拓展】按鈕後(如上圖所示),系統就會自動生成細胞壁的新子分支,結果如下:
注:你可以對新子分支進行進一步的修改以滿足需求。8.對圖形節點進行釋義操作
例:點擊目標節點【木質素】,在彈出的面板中,點擊【釋義】按鈕後(如上圖所示),就會彈出一個窗口來解釋該名詞的含義,結果如下:
結尾
本文通過對中文Markmap 2.0 版本的詳細介紹和操作演示,展示瞭如何使用其新功能來解決用户在思維導圖編輯過程中的需求。
用上中文Markmap 2.0版本,老闆再也留不住你下班的腳步!
官方地址:Markmap 2.0版本