微信小程序 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内强制覆盖

上一篇下一篇

猜你喜欢

热点阅读