微信小程序 wxParse 解析加载html标签
2019-10-22 本文已影响0人
张思学
web-view 组件有太强的局限性,如果遇到仅仅加载html标签的字符串呢?不可以使用web-view组件,我们可以使用wxParse来解解析类似如下的字符串
1、当前页面js中引用
var WxParse = require('../../wxParse/wxParse.js');
Page({
onLoad () {
let that = this
let article = "<p>1.<span style="background-color: rgb(255, 255, 0);">啊哈哈哈华发商都</span></p><p>2.很费时间发货单开始</p><p>3.德哈卡叫师傅金坷垃</p>"
WxParse.wxParse('article', 'html', article, that, 5);
}
})
2、当前wxml页面中引用
<import src="../../wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>
3、在app.wxss中引用:
@import "/wxParse/wxParse.wxss";
4、 部分安卓机不支持 console.dir
全局搜索注释即可,Css样式在当前页面css内强制覆盖