小程序富文本解析:wxParse条件循环(通用代码)

官网:https://github.com/icindy/wxParse
在这里插入图片描述
JS

//js文件
var WxParse = require('你的路径/wxParse/html2json.js');//这里注意,是用html2json,不是WxParse


page({
    onLoad:function(){
        //通过request获取数据后;这里不写了。
        var result = r.data.data;
        var list = result.templist;//我这里的contnet是html内容

        var htmlAry=[];
        for (let i = 0; i < list.length; i++) {
          if (list[i].type == 'text') {
            htmlAry[i] = WxParse.html2json(list[i].content, 'returnData');//重点,就是这里。只要这么干就能直接获取到转化后的node格式数据;
            console.log(htmlAry[i]);
          }
        }
        that.setData({
          templist: list,
          htmlAry: htmlAry,//记得这里要加入
        });
    }
})

wxml

<template is="wxParse" data="{{wxParseData:htmlAry[0].nodes}}" />

就是这么干,就可以了。当然我例子写得简单,但是这种调用方式的逻辑才是简单的。

既可以单个调用,也可以循环中调用,更可以在条件循环中调用!

猜你喜欢

转载自blog.csdn.net/qq_42363090/article/details/93625320