美文网首页
微信小程序 wxParse 解析加载html标签

微信小程序 wxParse 解析加载html标签

作者: 张思学 | 来源:发表于2019-10-22 14:21 被阅读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内强制覆盖

    相关文章

      网友评论

          本文标题:微信小程序 wxParse 解析加载html标签

          本文链接:https://www.haomeiwen.com/subject/peeqvctx.html