uniapp 支付宝小程序富文本，解决不支持String问题

uniapp 支付宝小程序富文本框，解决不支持String问题

今天在写项目的时候，富文本框死活出不来（因为我之前都是喜欢用String），然后就去翻了一下支付宝小程序的开发文档，发现它只支持array，没错是数组，这不坑人吗？后台那边保存肯定是String,然后就踏上了一条解决方案之路。

解决方法:

既然String的格式不让使用，那么我就把String 装换成array

1.$ npm install mini-html-parser2 --save 安装到你项目中

安装完成之后

在你需要用到富文本框的页面导入

2.import parse from “@/node_modules/mini-html-parser2”

String 转换成Array格式

html 待转换的string,
nodesList 转换后的array

let html = '<div style="text-align:center;">12312313<span style="color:red">222</span></div>'
parse(html, (err, nodesList) => {
	this.nodes = this.nodes.concat(nodesList);
})

3.完成

<rich-text :nodes="nodes"></rich-text>