1. 程式人生 > >微信小程式解析html

微信小程式解析html

一:下載wxParse:  https://github.com/icindy/wxParse,只需要拷貝其中的wxParse資料夾到專案中。

二:在需要解析html的全域性樣式檔案中引入wxParse.wxss,如果在app.wxss中引入的話,

    可能會影響自己的樣式

    @import "/utils/wxParse/wxParse.wxss";

三:在需要解析html的js檔案中中引入wxParse.js: 

    var WxParse = require('/utils/wxParse/wxParse.js');

    this.setData({

        content:WxParse.wxParse('databinding

','html','html程式碼',this,5);

        //databinding:資料繫結引數,在顯示html時會使用

    })

四:在需要顯示thml的位置新增標籤:

<view class='view-html'>

    <template is='wxParseHtml' data={{wxParseData.databinding.nodes}} />

    //這裡的databinging必須好js中的databinding一樣

</view>