前言

最近寫一個部落格系統，需要整合一個markdown編輯器用來編輯文章。我選擇的是editor.md這個國產開源的markdown編輯器，editor.md好用是很好用，但是網上卻並沒有專門的教程，真是讓人痛苦不堪。

問題

在首次編輯時，是使用markdown給定的js方法，構造的編輯區域，但是要修改已經編輯的內容時，怎麼把資料回顯到頁面？後臺傳來的資料怎麼放置合適？後臺傳的需要時什麼格式？為什麼使用<textarea style="display:none;" name="test-editormd-markdown-doc" id="content" th:text="${blog.blContent}" ></textarea>，接受內容，為何不是別的？

頁面內容 

<div class="blogtit">
    <input  type="text" placeholder="請輸入部落格名稱" name="title" id="title" th:value="${blog.blTitle}" />
</div>
<!--class="editormd"-->
<div  id="test-editormd">
    <textarea  style="display:none;" name="test-editormd-markdown-doc" id="content" th:text="${blog.blContent}" ></textarea>
     <!--第二個隱藏文字域，用來構造生成的HTML程式碼，方便表單POST提交，這裡的name可以任意取，後臺接受時以這個name鍵為準 -->
     <!--<textarea class="editormd-html-textarea" name="text" id="htmlContent"></textarea>-->
</div>
 

md檔案編輯器 構造了textarea 存放了md格式和html格式的檔案，所以使用它這個構造的內容來存放，後來返回的資料，至於html格式的資料,md的js會自動解析。所以後臺需要儲存一個md格式的欄位，如果想要修改部落格，則只需要把md格式傳到前臺。正如我的頁面程式碼所示，第一個textarea可以接收md格式的程式碼並自動生成md編輯器的格式，此時需要將第二個textarea註釋。

下面就是需要修改的文字再次回顯到頁面：

重新修改了以後就可以再次儲存了。md會改造2個文字域顯示md格式的資料和html格式的資料。我們可以看到 剛剛註釋的textarea已經成功重新生成。第一個textarea