從沒想過，做前端頁面，還要進行這樣的計算。自學程式設計以來，這是我遇到過的唯數不多的“比較難”的功能開發了，給markdown編輯器增加内容預覽目錄。
首先第一步是顯示目錄，兩個思路：1、從markdown内容中周遊帶#号的内容，以/n結束，但這樣有一個Bug，一旦不是标題的正文中有#就會有問題，2、查找渲染後的預覽節點中的h标簽，從h1到h6，這樣就必須等輸入内容後，預覽區渲染後才能擷取H标簽。
我用的第2個方法，但最麻煩的就是，點選編輯器左邊目錄，要讓右側兩個區的滾動條跟随滾動。
這一塊搞了兩天，最麻煩，一開始根本沒有思路，編輯區和預覽區内容不一樣，高度也就不一樣，判斷滾動條的位置有點麻煩。我的思路是，先判斷預覽區滾動條高度和位置，再反推左邊編輯區滾動條位置，大概用到了圖2中的一個公式。公式比較簡單，就是把自己繞進去了[淚奔]#我的開發日志# #林羽凡待辦#
