首頁  >  文章  >  微信小程式  >  小程式中頁面相容h5標籤的解析

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

不言
不言原創
2018-08-10 16:49:203716瀏覽

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

有時候當小程式往後台拿資料是一篇html標籤的文章時,把它放進小程式會發現很多標籤就不相容,如果要一個個改又很麻煩,有沒有方法可以很快地相容html標籤呢?
有個工具可以做到:wxParse
小程式中頁面相容h5標籤的解析
下載了它的壓縮包後解壓縮,複製wxParse資料夾放到小程式pages頁面裡:
小程式中頁面相容h5標籤的解析
#在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: &#39;&#39;
  },
   onLoad: function(options) {     var that = this;
     .....     //在后台拿到content数据后, result.data.content就是拿到的数据
      wxparse.wxParse(&#39;content&#39;, &#39;html&#39;, result.data.content, that);
   }

在wxss引入:

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

相關推薦:

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

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn