uniapp支付宝小程序 富文本处理

官方文档

根据官方文档一步步操作，还是出了问题
问题原因 富文本库 wangeditor 获取的html字符串不规范

// wangeditor 获取的html字符串
var str = `<p>1.本券无门槛使用， 可叠加使用。<br/>2.本产品不支持退款，请谨慎购买。<br/>3.请在有效期内使用，逾期不退。<br/>4.本活动不与店内其他优惠活动同享和使用<br/>5.抢购成功后，凭核销码到店消费。<br/></p><p><img src="https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3363295869,2467511306&amp;fm=26&amp;gp=0.jpg" style="max-width:100%;"/><br/></p>`

uniapp 支付宝小程序对应处理

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

// #ifdef MP-ALIPAY
// br/img 没有反斜杠  搞的难受(:
console.log('brs',brs)
var brs = val.replace(/<br[^>]*>/gi, '<br/>').replace(/<img[^>]*>/gi, $ => $.replace(/>/gi,'\/>'))
zfbRichText(brs).then(res=>{this.nodes = res})
// #endif 

// 支付宝小程序富文本处理
export function zfbRichText(htmStr){
	return new Promise((resolve, reject)=>{
		parse(htmStr, (err, htmlNodes) => {
		    if(!err) {
		         resolve(htmlNodes);
		    }
		})
	})
}

成功显示