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

背景

在开发个人网站微信登录平台易登微信小程序的时候,由于说明文档是用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>
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

记忆旅途

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值