⼩程序使⽤wxParse解析html的⽅法教程
前⾔
最近在做⼀个⼩程序项，遇到了⽂章的详情页⾯是富⽂本的情况，内容是通过接⼝读取的服务器中的富⽂本内容，是html 格式的，⼩程序默认是不⽀持html格式的内容显⽰的，那我们需要显⽰html内容的时候，就可以通过wxParse来实现。下⾯话不多说了，来⼀起看看详细的介绍吧
使⽤⽅法：
⼀，下载完之后我们需要⽤到此⽬录下的wxParse⽂件夹，把他拷贝到我们⼩程序项⽬的根⽬录下：
⼆，配置⽂件
⾸先在xx.wxml导⼊⽂件，在⽂件头写上：
<import src="../../wxParse/wxParse.wxml"/>
然后再wxss导⼊⽂件，在⽂件头写上：
@import "../../wxParse/wxParse.wxss";
三，在页⾯xx.js⾥的onLoad()⽅法⾥⾯写上：
var WxParse = require('../../wxParse/wxParse.js');
WxParse.wxParse('content', 'html', content, that,5)
此⽅法的含义为：
var article = '<div>我是HTML代码</div>';
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传⼊的具体数据(必填)
* 4.target为Page对象,⼀般为this(必填)
* 5.imagePadding为当图⽚⾃适应是左右的单⼀padding(默认为0，可选)
*/
var that = this;
WxParse.wxParse('article', 'html', article, that, 5);
四，在页⾯中引⽤模板
<import src="../../wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{des}}"/>
//这⾥data中article为bindName
写文章的小程序这样就可以在⼩程序中嵌⼊html内容啦~
总结
以上就是这篇⽂章的全部内容了，希望本⽂的内容对⼤家的学习或者⼯作具有⼀定的参考学习价值，如果有疑问⼤家可以留⾔交流，谢谢⼤家对的⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。