最近在做小程序的時候，從github上看到了一個開源的挺不錯的微信小程序組件：wxParse-微信小程序富文本解析組件 。推薦給大家使用看看！覺得有用的話，給作者加個star !

image

wxParse 支持Html及markdown轉(zhuǎn)wxml可視化，下面給出了幾張項目運行截圖 。

image

如何使用該組件呢？

1、從作者的開源項目

https://github.com/icindy/wxParse

復(fù)制wxParse代碼加入到我們的項目中

image

2、引入必要文件

image

  3、數(shù)據(jù)綁定

image

上面這些是作者的項目介紹，可能這樣看不是很明白怎么使用 。強烈建議自己下載項目到本地，自己運行一下程序，更直接的了解項目的使用！以下，是我自己運行的截圖，看起來不是很復(fù)雜，稍微研究一下，應(yīng)該能很快上手 。

image

我也稍微使用了一下，效果圖如下。這邊說一下，本來打算發(fā)布這個小程序的，不過由于騰訊審核的原因，個人不允許發(fā)布博客類型的小程序，所以這個小程序雖然已經(jīng)完成了，卻遲遲不能發(fā)布，只能當(dāng)例子學(xué)習(xí)一下！

image

下面是關(guān)鍵代碼，貼出來，大家一起學(xué)習(xí)一下哈！

var WxParse = require('../../wxParse/wxParse.js');
Page({
 data: {
 },
 onLoad: function () {
   var that = this;
 
   /**
    * html解析示例
    */
   var article = `< !DOCTYPE HTML ><!--注釋: wxParse試驗文本-->
     <div style="text-align:center;margin-top:20px;">
     <img src="http://www.cxyquan.com/wp-content/uploads/2018/04/2.png" alt="">
   <h2 >本小程序是基于WordPress制作完成的</h2>
 </div>

 <div style="margin-top:10px;">
   <h3 style="color: #000;">小程序聲明</h3>
   <blockquote>小程序只提供對程序猿編程相關(guān)的內(nèi)容，其余的都不考慮，歡迎大家投稿，一起學(xué)習(xí)！</blockquote>

   <div style="margin-top:10px;">
     <h3 style="color: #000;">如何聯(lián)系</h3>
     <ul>
       <li style="color: blue;">QQ： 842546199</li>
       <li style="color: blue;">微信：18159020735</li>
       <li style="color: blue;">電話：18159020735</li>
       <li style="color: blue;">郵箱：llpdev@163.com</li>
       <li style="color: red;">商務(wù)合作：請加微信 </li>
     </ul>
   </div>
 
 <div style="margin-top:10px;">
     <h3 style="color: #000;">個人公眾號</h3>
     <h5 style="margin:8px;">一個學(xué)習(xí)編程技術(shù)和讀者福利共存的公眾號，每天推送高質(zhì)量的優(yōu)秀博文和原創(chuàng)文章，開源項目，實用工具，面試技巧等 。 我們的目標(biāo)是做到最好公眾號推送平臺，服務(wù)于所有的程序員開發(fā)者 。公眾號每月至少準(zhǔn)備一次讀者送書福利！ 歡迎關(guān)注，老鐵！</h5>
     <img src="http://www.cxyquan.com/wp-content/uploads/2018/04/qrcode_for_gh_3634ff565445_258.jpg" alt="">    
 </div>    
   WxParse.wxParse('article', 'html', article, that, 5);
 }
})

不多說了，這篇就是給作者做宣傳的（作者沒聯(lián)系我，個人覺得不錯，順手寫了這篇文章），好的項目，應(yīng)該被大家知道，大家覺得不錯的，前文說了，記得給作者點個star 呀！

后續(xù)，大家有好的項目，可以私聊我，公眾號可以給你做宣傳，好的項目，不要藏著掖著！拿出來大家一起學(xué)習(xí)一下，共同進(jìn)步！

最后，大家有興趣學(xué)習(xí)小程序開發(fā)的，如果你不知道如何學(xué)習(xí)，建議你可以先看入門教程視頻，視頻可以關(guān)注下面公眾號，公眾號后臺回復(fù)：小程序！

如果你需要本文介紹的這個項目的源代碼，公眾號后臺回復(fù)：wxParse ！

想進(jìn)微信技術(shù)群的可以加好友備注：加技術(shù)群 （最多添加500人）