背景
在开发个人网站微信登录平台易登微信小程序的时候，由于说明文档是用markdown格式来书写的，在网页上有各种markdown个人渲染引擎，比如这个markdown编辑器无敌了！。
但是在小程序上还是第一次渲染markdown，找了各种方案，但处处是坑，除此之外最后渲染出来的效果也惨不忍睹。踩坑无数之后终于找到了wemark，完完美美地把我的文档渲染出来了。
wemark可以实现在小程序下渲染Markdown内容，支持图片、表格在内的大部分Markdown特性。详细介绍参考以下链接：文章来源：https://www.toymoban.com/news/detail-574899.html
gitee地址：这个markdown编辑器无敌了！文章来源地址https://www.toymoban.com/news/detail-574899.html
安装wemark
- 下载wemark源码
git clone https://gitee.com/gitwcx/wemark.git- 将wemark目录拷贝到uni-app的static目录下
- 在需要渲染markdown的页面引入wemark
import wemark from '@/static/wemark/wemark.js'
export default {
components: {
wemark
},
data() {
return {
content: 'markdown',
}
}
}
- vue代码
<wemark :md="content" link highlight type="wemark"></wemark>到了这里，关于uni-app微信小程序如何渲染markdown的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![uni-app开发微信小程序的报错[渲染层错误]排查及解决](https://imgs.yssmx.com/Uploads/2024/02/744951-1.png)
