微信小程序富文本解析

一、首先要下载wxParse包 并放到根目录下

二、在app.wxss 中引入wxParse.wxss文件

@import "wxParse/wxParse.wxss";

三、在需要解析HTML的wxss页面 中引入wxParse.wxml文件

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

四、在需要解析HTML的js页面 中引入wxParse.js文件

/引入文件
var WxParse = require('../../wxParse/wxParse.js');
//内容解析
var content = res.data.content
WxParse.wxParse('content', 'html', content, that, 3);
参数说明 
WxParse.wxParse(输入需要解析的内容, 解析类型, 输出变量值, that, 边距(默认为0));

五、在需要解析的wxml页面中输出

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

注:另外如果有输出图片的时候,会遇到图片不居中,解决方法如下

//在wxss中加入
image{
  width: 100% !important;
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值