当前位置：网站首页>uni-app微信小程序如何渲染markdown

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

2022-08-08 19:33:00 【wuchenxiwalter】

背景

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

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

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

gitee地址：这个markdown编辑器无敌了！

安装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>
原网站

版权声明
本文为[wuchenxiwalter]所创，转载请带上原文链接，感谢
https://blog.csdn.net/wuchenxiwalter/article/details/126218195

边栏推荐

猜你喜欢

随机推荐