免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码

标题: 微信小程序解析html代码,使用wxParse插件 [打印本页]

作者: admin    时间: 2021-12-20 09:48
标题: 微信小程序解析html代码,使用wxParse插件

在开发小程序的过程中后台给前台返回的数据,是通过富文本编辑的,这事我们就需要进行去解析HTML代码,在小程序里展示;

下载插件地址:

https://pan.baidu.com/s/1WGHpNx_MI5IyYJ1PPuzIvQ

提取码: pnt3

回复贴子获得下载地址


使用方法:

1.、首先将下载的wxParse文件夹放到根目录

2、在需要显示解析内容的HTML页面进行引用;

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

<view class='content'>

       <template is="wxParse" data="{{wxParseData:article.nodes}}"/>

</view>


3、在JS页面页面进行引用;

var WxParse = require('../../wxParse/wxParse.js');

onLoad: function (options) {

    var that = this;

   var article ="<p style='color:red'>这个是详情页</p>"

    WxParse.wxParse('article', 'html', article, that, 5);

}


从后台调取过来数据后直接放入到article中,就可以实现了;





作者: admin    时间: 2021-12-20 15:02
推荐
作者: admin    时间: 2021-12-20 15:02
不错
作者: clubdemo    时间: 2023-4-16 15:31
学习一下




欢迎光临 免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (https://ourphp.net/club/) Powered by Discuz! X3.2