這篇文章帶給大家的內容是關於小程式中頁面相容h5標籤的解析,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
有時候當小程式往後台拿資料是一篇html標籤的文章時,把它放進小程式會發現很多標籤就不相容,如果要一個個改又很麻煩,有沒有方法可以很快地相容html標籤呢?
有個工具可以做到:wxParse
下載了它的壓縮包後解壓縮,複製wxParse資料夾放到小程式pages頁面裡:
#在wxml裡引入,這裡的路徑僅供參考:
<import src="../../../../wxParse/wxParse.wxml" />//在需要放置html文本的地方使用wxParse组件 <view class='article_bd'> <template is="wxParse" data="{{wxParseData:content.nodes}}" /> </view>
在js裡引入:
let wxparse = require("../../../../wxParse/wxParse.js"); Page({ /** * 页面的初始数据 */ data: { content: '' }, onLoad: function(options) { var that = this; ..... //在后台拿到content数据后, result.data.content就是拿到的数据 wxparse.wxParse('content', 'html', result.data.content, that); }
在wxss引入:
@import "../../../../wxParse/wxParse.wxss";
相關推薦:
小程式中頁面佈局和絕對定位以及按鈕程式碼以上是小程式中頁面相容h5標籤的解析的詳細內容。更多資訊請關注PHP中文網其他相關文章!