栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

微信小程序使用wxParse解析html的方法教程

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

微信小程序使用wxParse解析html的方法教程

前言

最近在做一个微信小程序项,遇到了文章的详情页面是富文本的情况,内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现。下面话不多说了,来一起看看详细的介绍吧

wxParse官方下载地址:https://github.com/icindy/wxParse (本地下载)

使用方法:

一,下载完之后我们需要用到此目录下的wxParse文件夹,把他拷贝到我们小程序项目的根目录下:


二,配置文件

首先在xx.wxml导入文件,在文件头写上:

 然后再wxss导入文件,在文件头写上:

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

三,在页面xx.js里的onLoad()方法里面写上:

var WxParse = require('../../wxParse/wxParse.js');
WxParse.wxParse('content', 'html', content, that,5)

此方法的含义为:

var article = '我是HTML代码';

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

四,在页面中引用模板