小程序上線一周多赠群，雖然以前也會經(jīng)常研究小程序的文檔羊始，但是一直有個無法逾越的鴻坑，阻擋了我繼續(xù)研究的決心查描，就是一套不是html的代碼突委，應(yīng)該如何解析，大部分情況下冬三，我們會去請求網(wǎng)絡(luò)數(shù)據(jù)匀油，并且返回的基本是html代碼段的json格式，重點的是勾笆，全是html敌蚜，當(dāng)映射到頁面內(nèi)，全部都是文本格式窝爪，因為除了view和text之外弛车，大部分的標(biāo)簽都基本上定義為文本格式齐媒。
經(jīng)過某大神的正則表達(dá)式，我們終于可以將所有的html代碼轉(zhuǎn)換成我們熟悉的html代碼纷跛。聽著有點繞喻括，但是對于現(xiàn)階段來說確實不容易
簡單的例子介紹下坑
相信很多人都遇到這個問題，目前給大家?guī)硪粋€較好的解決方法贫奠，感謝大神的github貢獻(xiàn)唬血，網(wǎng)址是：https://github.com/icindy/wxParse
下載demo后，簡單和大家介紹下叮阅。目前已經(jīng)創(chuàng)造了幾個版本刁品，大同小異，今天介紹下簡單的用法浩姥。
文檔就各位自己研究了，我就配合我自己的例子給大伙介紹下状您。
A.使用方法勒叠，下載demo，并且引入demo
B.在需要解析的頁面內(nèi)膏孟，打開文件夾眯分，分別引入css，實例化js柒桑，創(chuàng)建html標(biāo)簽
第一步：newscontent.js => var WxParse = require('../../wxParse/wxParse.js');
newscontent.js
第二步：newscontent.wxss => @import "../../wxParse/wxParse.wxss";
newscontent.wxss
第三步：newscontent.wxml
<import src="../../wxParse/wxParse.wxml"/>
<view class="content">//解析就要寫在這里
<view class="h2">//解析就要寫在這里
{{contentData.title}}//解析就要寫在這里
</view>//
<view class="wxParse">
<template is="wxParse" data="{{wxParseData:content.nodes}}"/>
</view>
</view>
完成上述的三步就可以開始寫自己的代碼了弊决，將要解析的代碼放在wxml內(nèi)，就會自動解析出來了魁淳。上圖
注意：雖然好用飘诗，但是由于微信只提供了1024KB，這個就占用了178KB界逛，所以還是比較重昆稿，大家根據(jù)自己的需求適當(dāng)?shù)倪\用吧！
