背景

app開發(fā)完成后，需要轉(zhuǎn)移到小程序版本。新聞文章，第三方抓取到數(shù)據(jù)庫，是完整的html代碼段，無法直接使用。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、成都小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了香坊免費建站歡迎大家使用！

困難

小程序限制打開網(wǎng)頁，合法的網(wǎng)站必須根目錄上傳授權(quán)碼(給第三方的網(wǎng)站上傳校驗碼，我笑了)

思路

既然能看到完整的html代碼，不就能if一個轉(zhuǎn)碼工具，自動解析成小程序內(nèi)部標(biāo)簽。不就ok了。

調(diào)研

照著上面的思路，還真發(fā)現(xiàn)了現(xiàn)成的“輪子”。響應(yīng)軟件編程的至高準(zhǔn)則：不能重復(fù)造輪子，就實行拿來主義^_^

wxParse使用步驟

1、github網(wǎng)站下載源碼
https://github.com/icindy/wxParse

2、打開文件，拷貝wxParse文件夾到自己的工程

3、自己的模塊引入wxParse環(huán)境

//在使用的View中引入WxParse模塊
var WxParse = require('../../wxParse/wxParse.js');

//在使用的Wxss中引入WxParse.css,可以在app.wxss
@import "/wxParse/wxParse.wxss";
//onLoad方法調(diào)用wxParse
/**

• 生命周期函數(shù)--監(jiān)聽頁面加載
  */
  onLoad: function (options) {
  console.log(options);
  var that = this
  WxParse.wxParse('html', '<h2>仍自己的代碼段</h2>', that)
  }
  //最后，圖片自使用需要增加wxParseImgLoad方法，放到onLoad后面
  wxParseImgLoad: function (e) {
var that = this
WxParse.wxParseImgLoad(e, that)
}

# 結(jié)束
按照以上步驟，瞬間就清爽了。所有html代碼段對你來說就是個菜。

我是沫沫金，很高興為大家?guī)韜xParse插件分享，特別感謝作者的無私奉獻(xiàn)(感興趣的可以向作者捐贈)。我的朋友做軟件都會找我，你也可以。百度搜索[沫沫金]，即可和我取得聯(lián)系。