给你的网页加上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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章