在進行微信小程序定制開發的時候，遇到了微信小程序不能顯示html格式內容。于是到網上搜了下教程，進行多番嘗試，發現只能參考，于是有了下面的流程：

創新互聯-專業網站定制、快速模板網站建設、高性價比成安網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式成安網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋成安地區。費用合理售后完善，十年實體公司更值得信賴。

1、下載wxparse

github地址： https://github.com/icindy/wxparse

2、下載完之后我們需要用到目錄下的wxparse文件夾，把他拷貝到我們的項目目錄下

3、在app.wxss全局樣式文件中，需要引入wxparse的樣式表

@import "wxparse/wxparse.wxss";

4、在需要加載html內容的頁面對應的js文件里引入wxparse

let wxparse = require("../../wxparse/wxparse.js");

通過調用Wxparse.wxparse方法來設置html內容

/**

* Wxparse.wxparse(bindName , type, data, target,imagepadding)

* 1.bindName綁定的數據名(必填)

* 2.type可以為html或者md(必填)

* 3.data為傳入的具體數據(必填)

* 4.target為page對象,一般為this(必填)

* 5.imagepadding為當圖片自適應是左右的單一padding(默認為0,可選)

*/

getcontent: function (id){

var that = this

wx.request({

url: 'http://www.kartarina.com/api/Index/article',

data: {

id

},

success: function (res) {

that.setData({

article: res.data,

content: res.data['content']

})

wxparse.wxparse('content', 'html', that.data.content, that, 5)

}

})

}

5、在頁面中引用模板

<import src="../../wxparse/wxparse.wxml"/>

<template is="wxparse" data="{{wxparseData:content.nodes}}"/>

本文名稱：如何在微信小程序中顯示html格式內容
本文URL：http://www.kartarina.com/article12/sccogc.html

成都網站建設公司_創新互聯，為您提供外貿建站、手機網站建設、網頁設計公司、域名注冊、小程序開發、面包屑導航

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯