微信小程序--解析富文本编辑器HTML
1. index.wxss 中引入wxParse.wxss文件
@import "../wxParse/wxParse.wxss";
2. index.wxml页面 中引入wxParse.wxml文件
<import src="../wxParse/wxParse.wxml" />
3. index.js页面 中引入wxParse.js文件
var WxParse = require('../wxParse/wxParse.js');
内容解析:
wx.request({
url: 'https://xxxx/detail',
headers: {
'Content-Type': 'application/json'
},
method: 'GET',
success: function (res) {
var article = res.data.result.data;
WxParse.wxParse('article', 'html', article, that, 20);
}
})
参数说明
WxParse.wxParse(输入需要解析的内容, 解析类型, 输出变量值, that, 边距(默认为0));
4. index.wxml页面中输出
<view class="container">
<template is="wxParse" data="{
{wxParseData:article.nodes}}" />
</view>
注意:如果有输出图片的时候,会遇到图片不居中,解决方法如下
//在wxss中加入
image{
width: 100% !important;
}
还没有评论,来说两句吧...