uni-app微信小程序如何渲染markdown

1,083 阅读1分钟

背景

在开发个人网站微信登录平台易登微信小程序的时候,由于说明文档是用markdown格式来书写的,在网页上有各种markdown个人渲染引擎,比如这个markdown编辑器无敌了

但是在小程序上还是第一次渲染markdown,找了各种方案,但处处是坑,除此之外最后渲染出来的效果也惨不忍睹。踩坑无数之后终于找到了wemark,完完美美地把我的文档渲染出来了。

wemark可以实现在小程序下渲染Markdown内容,支持图片、表格在内的大部分Markdown特性。详细介绍参考以下链接:

gitee地址:wemark: 微信小程序渲染markdown

安装wemark

  • 下载wemark源码

    git clone gitee.com/gitwcx/wema…

  • 将wemark目录拷贝到uni-app的static目录下

  • 在需要渲染markdown的页面引入wemark

    import wemark from '@/static/wemark/wemark.js' export default { components: { wemark }, data() { return { content: 'markdown', } } }

  • vue代码