支付宝小程序兼容taro富文本组件<RichText />
1. 首先安装 mini-html-parser2 插件
mini-html-parser2 github仓库:https://github.com/ant-mini-program/mini-html-parser/blob/master/README.md
npm install mini-html-parser2 --save --不行的话 yarn add mini-html-parser2 --save --不行的话,看错误信息,根据错误信息指示执行下面的代码 yarn add mini-html-parser2 --save -W
2. 在使用富文本组件的时候,引入
import parse from mini-html-parser2; // 兼容支付宝小程序富文本渲染 ... // data:富文本数据 { data.map((item) => { // 兼容支付宝小程序<RichText /> let newItem; if(IS_WEAPP){ newItem=item; }else { parse(item, (err, htmlNodes) => { if (!err) { newItem=htmlNodes; } }) } return ( <View> // 使用taro富文本组件 <RichText nodes={ newItem} /> </View> ); })}
上一篇:
uniapp开发微信小程序-2.页面制作