关于markdown:markdownit使用

将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>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理