小程序标题富文本显示（wxParse）

wxparse文件，免费下载，方便大家使用。

https://download.csdn.net/download/qq_41896605/13195745

 

效果图：

代码如下：

js文件

let wxparse = require("../../utils/wxParse/wxParse");

Page({

  /**
   * 页面的初始数据
   */
  data: {
    shuju: [],
    page: 1,
    WxParseListArr: [],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.huoqushuju();
  },
  // 获取数据
  huoqushuju: function () {
    var that= this;
    wx.request({
      url: '*****',
      data: {
      },
      method: 'POST',
      dataType: 'json',
      responseType: 'text',
      success: function (res) {
        //判断有没有数据
        if (str.data.length != 0) {
          for (let i = 0; i < str.data.length; i++) {
            //newData渲染的数组内容
            var newData = str.data;
            //标题wxparse显示，title渲染的内容
            wxparse.wxParse('content' + i, 'html', str.data[i].title, that, 5);
            if (i === newData.length - 1) {
              wxparse.wxParseTemArray("WxParseListArr", 'content', newData.length, that);
            }
          }
          let listArr = that.data.WxParseListArr;
          listArr.forEach((item, index) => {
            newData[index].contentCopy = item;
          })
        } 
        that.setData({
          shuju: that.data.shuju.concat(newData),
        })
      }
    })
  },

wxml文件

<import src="../../utils/wxParse/wxParse.wxml" />

 <viewwx:for-items="{{shuju}}" wx:key="id">
     <view class="title">
        <template is="wxParse" data="{{wxParseData:item.contentCopy}}"></template>
     </view>
 </view>

wxss文件
 

@import "/utils/wxParse/wxParse.wxss";