美文网首页
uniapp使用uParse解析markdown文本

uniapp使用uParse解析markdown文本

作者: 踏莎行 | 来源:发表于2022-10-19 21:22 被阅读0次

首先去插件市场安装uParse插件
要解析markdown文本还需要安装marked

npm i marked

如果你的项目中没有package.json文件,还要去生成该文件再去安装marked不然安装不上

npm init (或者 npm init -y)

使用

import uParse from "@/components/u-parse/u-parse.vue";
import { marked } from "marked";

...
computed: {
    content(){
        return marked(markdownText)
    }
}
....

en.....[markdownText]这个文本最好判断一下是否存在,存在再使用marked函数进行解析,不然报错

最后导入样式即可

<style lang="scss" scoped>
    @import url("@/components/u-parse/u-parse.css");
</style>

相关文章

网友评论

      本文标题:uniapp使用uParse解析markdown文本

      本文链接:https://www.haomeiwen.com/subject/vlxpzrtx.html