給你的網頁加上Markdown編輯器功能

以前我們想在頁面上加富文本編輯器,總是需要引入某個RichEditor框架,格式並不通用,所以後期處理還是很麻煩的。現在隨着Markdown格式的普及,用簡單的ASCII組合就可以實現各種格式

首先我們要引入showdown這個js腳本,它支持npm安裝,但用cdn是最簡單的,一行搞定


1.png

然後通過Converter函數初始化後,再把輸入的字符串轉爲html即可。


2.png

我們需要提供一個textarea去輸入,還有一個div去顯示轉化爲html的效果,textarea的id爲txt, 在它的keypress裏檢查是不是回車鍵,如果是,就調用makeHtml 轉化textarea的值就好了

效果如下


3.png
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章