网上找了两个库,一个4年没更新有着7.5k Start的老库wxParse 另外一个是1.4k Start的库mp-html
wxParse
目前项目中商品详情页面只需要解析< p>标签和< img>标签,试了一下这个库是可以使用的。
使用方法
-
先下载项目,拷贝wxParse文件夹到项目根目录,与pages等同级
因为不需要小表情,就把emojis删除了
-
page页面中引入
-
wxss
wxParse-img指的是img标签转化为view的样式,wxParse-p是p标签转化为view的样式
-
js中
需要解析的地方使用wxParse方法解析
效果
mp-html![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6e87787198acac5cbbc948958c0cd3b4.png)
组件配置
- 先安装node.js
- 然后小程序控制台中使用npm init命令初始化项目
- 然后按照下面步骤安装组件包
使用
效果