小程序富文本wxParse转换不成功的解决办法，填坑

先说坑在哪里：这句话 WxParse.wxParse('contents', 'html', res.data.contents, that, 0)，

第一个参数定义的名字是contents，那么视图里就得用contents.nodes 赋值，例如：<template is="wxParse" data="{{wxParseData:contents.nodes}}"/>

如果第一个参数你定义的是AAAAA,那么视图里就得用AAAAA.nodes 赋值, 视图赋值就得写成<template is="wxParse" data="{{wxParseData:AAAAA.nodes}}"/>

总之要保证js里的参数和   视图赋值哪里的参数名字一致，并且视图的参数后面必须要带.notes;如果不是这样，那么就转换不过来

=====================下面是完整步骤==================================
1  从git仓库下载，https://github.com/icindy/wxParse

2  下载的文件，只把wxParse文件拷贝到项目里

 

 

3 在项目里引用，分别在js， wxml，wxss引用

js引入

const app = getApp();
import {
hp
} from '../../utils/helper.js'
var WxParse = require('../../utils/wxParse/wxParse.js')
Page({

getdetaul: function (id) {

 

let that = this;

hp.post({

url: hp.api().product_getdetail + "?id=" + id,

data: {

id: id

}

}).then(res => {

console.log(res.data);

that.setData({

model: res.data,

})

WxParse.wxParse('contents', 'html', res.data.contents, that, 0)

 

})

}

}）

 

wxss样式引入　　

@import "../../utils/wxParse/wxParse.wxss";
.screen-swiper {
    min-height:555rpx;
}

 

视图引入

<import src="../../utils/wxParse/wxParse.wxml"/>
<view class="bg-white padding cauni-details-box">
<template is="wxParse" data="{{wxParseData:contents.nodes}}"/>
</view>

　　

 

4  效果图

 

 

如果这篇文章帮你解决了问题,就请小编吃块冰糕吧