支付宝小程序兼容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.页面制作
