基于mpvue的小程序markdown适配解决方案

相信开发过小程序的人都知道小程序不支持直接插入dom&＃xff0c;那么当我们获取到markdown数据需要渲染的时候就有麻烦。

封装好的mpvue-wemark地址

因此github上有很多成熟的小程序markdown渲染方案&＃xff0c;但是自己之前写mpvue的时候发现在mpvue上直接用这些库是不行的&＃xff0c;因为wxml和vue的写法上是不兼容的&＃xff0c;因此就需要对mpvue进行适配。这里我选择wemark这个库。

主要做了几步 &＃xff1a;1、把remarkable.js重新打包成ES版本&＃xff0c;mpvue默认脚手架是wepack2不支持es commonjs混用 2、把wxml和小程序js层不兼容vue的写法兼容了下。

demo如下

这样&＃xff0c;就实现了在mpvue小程序中渲染出markdown的内容了