微信小程序解析富文本

最新推荐文章于 2024-06-25 01:47:14 发布

对的时间对的人

最新推荐文章于 2024-06-25 01:47:14 发布

阅读量192

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/lbjbk/article/details/107885817

版权

本文介绍了微信小程序解析富文本的两种方法：一种是利用wxParse插件，通过下载并引入到项目中，设置全局样式后在需要的地方引入JS文件；另一种是直接使用小程序内置的rich-text组件，通过绑定数据来展示富文本内容。

摘要由CSDN通过智能技术生成

微信小程序解析富文本

我们平时做项目中遇到的解析富文本内容
我所知道的有两种方法可以实现：

第一种：可以使用wxParse插件解析html
使用方法：

在github中下载地址：https://github.com/icindy/wxParse
下载后将其复制到自己的小程序项目中

再给他设置全局样式

     @import "./wxParse/wxParse.wxss";```

在需要调用的插件页面引入js

 var WxParse = require('../../wxParse/wxParse.js```	
- 直接在方法中使用
```// pages/about/about.js
	onLoad: function (options) {
	const that = this; /*** WxParse.wxParse(bindName , type, data, 								target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一paddi