最近寫專案中遇到一個問題，後臺介面返回資料時有html標籤，小程式如何載入html標籤格式的字串呢？小程式有跳轉外連線的功能可以直接跳轉到一個h5頁面。具體使用方法如下：

官方文件

1.先登入小程式開發平臺，將頁面需要跳轉的域名寫上去，注意了，域名不是指伺服器的域名，而是伺服器下面的 業務域名 ！！！

配好了域名之後就可以開始呼叫web-view了。
2.使用wxml程式碼如下：

<!-- 指向微信公眾平臺首頁的web-view -->
<web-view src="https://www.baidu.com/"></web-view>

效果圖如下

上面只說瞭如何載入html網址，web-view 元件有太強的侷限性，如果遇到僅僅載入html標籤的字串呢？不可以使用web-view元件，我們可以使用wxParse來解解析類似如下的字串

<p>1.<span style="background-color: rgb(255, 255, 0);">啊哈哈哈華髮商都</span></p><p>2.很費時間發貨單開始</p><p>3.德哈卡叫師傅金坷垃</p>

首先

存放路徑

方法

在使用的js中引用：

var WxParse = require('../../libs/wxParse/wxParse.js');

var article = '<div>我是HTML程式碼</div>';
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName繫結的資料名(必填)
* 2.type可以為html或者md(必填)
* 3.data為傳入的具體資料(必填)
* 4.target為Page物件,一般為this(必填)
* 5.imagePadding為當圖片自適應是左右的單一padding(預設為0,可選)
*/
var that = this;
WxParse.wxParse('article', 'html', article, that, 5);
 

在使用的wxml中引用：

對應的wxml中用到的地方引用

在使用的wxss中引用：

 <import src="../../libs/wxParse/wxParse.wxml"/>

最終實現效果圖如下：

黃字部分為html字串標籤轉化後