支付宝小程 rich-text标签不显示问题解决

最新推荐文章于 2024-03-27 00:58:04 发布

喵丶小七

最新推荐文章于 2024-03-27 00:58:04 发布

阅读量1.0k

点赞数 1

文章标签： javascript 开发语言前端

本文链接：https://blog.csdn.net/weixin_43878645/article/details/127054084

版权

原因：

在支付宝小程序中，rich-text的nodes 属性只支持使用 Array类型，如果需要支持 HTML String，则需要自己将 HTML String 转化为 nodes

解决方式：

安装mini-html-parser2依赖

npm install mini-html-parser2 --save

import parse from 'mini-html-parser2;

data: {
	text:[]
},
onLoad: function (options) {
	var that = this;
	var strhtml = `<div><h3>标题</h3><p>内容</p></div>`;
　　parse(strhtml, (err, htmlData) => {
　　　　if (!err) {
　　　　　　this.text = htmlData
　　　　}
　　})
}