微信小程式解析html
阿新 • • 發佈:2019-02-18
一:下載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
//databinding:資料繫結引數,在顯示html時會使用
})
四:在需要顯示thml的位置新增標籤:
<view class='view-html'>
<template is='wxParseHtml' data={{wxParseData.databinding.nodes}} />
//這裡的databinging必須好js中的databinding一樣
</view>