uniapp使用uParse解析markdown文本

首先去插件市场安装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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容