共计 351 个字符,预计需要花费 1 分钟才能阅读完成。
将 markdown 转换成 HTML
第一步 装置cnpm i markdown-it -S
第二步 引入
引入,而后创立一个 txt, 目标是为了把本人写的转换成 H5
而后用 computed 计算属性立刻返回
import Mk from 'markdown-it'
data()
{
return{txt:''}
},
computed:{markdown()
{var md = new Mk()
var res = md.render(this.txt)
return res
}
}
第二步 变成款式
第一个就是本人的这个输出文本
第二个是返回的 HTML 源码
第三个是源码转换成 HTML 最终值
<textarea v-model='txt'></textarea>
<p>{{txt}}</p>
<p>{{markdown}}</p>
<p v-html="markdown"></p>
正文完