小程式中頁面相容h5標籤的解析

這篇文章帶給大家的內容是關於小程式中頁面相容h5標籤的解析，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

有時候當小程式往後台拿資料是一篇html標籤的文章時，把它放進小程式會發現很多標籤就不相容，如果要一個個改又很麻煩，有沒有方法可以很快地相容html標籤呢？
有個工具可以做到：wxParse

下載了它的壓縮包後解壓縮，複製wxParse資料夾放到小程式pages頁面裡：

#在wxml裡引入，這裡的路徑僅供參考：

<import src="../../../../wxParse/wxParse.wxml" />//在需要放置html文本的地方使用wxParse组件 <view class=&#39;article_bd&#39;>
    <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";

相關推薦：

微信小程式中app.json配置的程式碼解析

小程式中頁面佈局和絕對定位以及按鈕程式碼

以上是小程式中頁面相容h5標籤的解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！