以前我們想在頁面上加富文本編輯器,總是需要引入某個RichEditor框架,格式並不通用,所以後期處理還是很麻煩的。現在隨着Markdown格式的普及,用簡單的ASCII組合就可以實現各種格式
首先我們要引入showdown這個js腳本,它支持npm安裝,但用cdn是最簡單的,一行搞定
然後通過Converter函數初始化後,再把輸入的字符串轉爲html即可。
我們需要提供一個textarea去輸入,還有一個div去顯示轉化爲html的效果,textarea的id爲txt, 在它的keypress裏檢查是不是回車鍵,如果是,就調用makeHtml 轉化textarea的值就好了
效果如下