小程序中解析返回的富文本编辑器

本文介绍了如何在微信小程序中解析返回的富文本内容。通过引入WxParse插件,经过下载、放置、导入和设置数据等步骤,实现了将HTML对象成功解析并显示在小程序页面上。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题:如何将返回的对象中包含html解析到小程序页面中

解决办法:

  使用WxParse解析富文本编辑器

第一步:
 下载插件

去 https://github.com/icindy/wxParse 下载wxParse,注意:只拷贝wxParse文件夹

第二步:文件放到项目的根目录

第三步:在你想要解析的页面(分别为xx.js,xx.wxml,xx.wxss)中导入对应的import

      js文件:var WxParse = require('../../wxParse/wxParse.js');
      wxml文件:<import src="../../wxParse/wxParse.wxml"/>
      wxss文件:@import "../../wxParse/wxParse.wxss";

第四步:在js文件中(获取的一个对象解析)

Page({

        data: {

             lotteryItem: {},

             content: ""

       },

   onLoad: function () {

              const that = this;

              api.getAdvertList().then(res => {

                      this.setData({

                             lotteryItem: res.data,

                             content: WxParse.wxParse('content', 'html', res.data.content, that, 5),

                    })

            })

   },

)

第五步:显示在wxml中
 

 

    其中wxParse属性为wxParse文件带的属性,不需要你自定义
     wxParseData:content.nodes 要与js中的 content: WxParse.wxParse('content', 'html', res.data.content, that, 5),
     定义的content一样的。

以上就是对象解析富文本到小程序的具体部分,至于数组解析到小程序下次写

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值