找回密码
 立即注册
即日起,论坛关闭新用户注册和登录,论坛相关的贴子保留查阅和下载。获得授权后,有技术问题可联系微信 13199509559 一对一解决。 2024-3-12
查看: 3046|回复: 3
打印 上一主题 下一主题

微信小程序解析html代码,使用wxParse插件

209

主题

209

主题

209

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
跳转到指定楼层
1#
admin 发表于 2021-12-20 09:48:22 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

在开发小程序的过程中后台给前台返回的数据,是通过富文本编辑的,这事我们就需要进行去解析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中,就可以实现了;




209

主题

209

主题

209

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
2#
 楼主| admin 发表于 2021-12-20 15:02:25 | 只看该作者
推荐

209

主题

209

主题

209

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
3#
 楼主| admin 发表于 2021-12-20 15:02:45 来自手机 | 只看该作者
不错

0

主题

0

主题

0

主题

新手上路

Rank: 1

积分
0
4#
clubdemo 发表于 2023-4-16 15:31:49 | 只看该作者
学习一下
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表