在微信小程序中顯示html格式內(nèi)容的方法？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

創(chuàng)新互聯(lián)專注于源城網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供源城營銷型網(wǎng)站建設(shè)，源城網(wǎng)站制作、源城網(wǎng)頁設(shè)計、源城網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù)，打造源城網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供源城網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

前言

最近項目上遇到在微信小程序里需要顯示新聞內(nèi)容，新聞內(nèi)容是通過接口讀取的服務(wù)器中的富文本內(nèi)容，是html格式的，小程序默認(rèn)是不支持html格式的內(nèi)容顯示的，那我們需要顯示html內(nèi)容的時候，就可以通過wxParse來實(shí)現(xiàn)。

準(zhǔn)備工作：

首先我們下載wxParse

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

本地下載：http://xiazai.jb51.net/201704/yuanma/wxParse-master(jb51.net).rar

wxParse

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

下面是具體的使用步驟

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

@import "/page/wxParse/wxParse.wxss";

2、在需要加載html內(nèi)容的頁面對應(yīng)的js文件里引入wxParse

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

3、通過調(diào)用WxParse.wxParse方法來設(shè)置html內(nèi)容

/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName綁定的數(shù)據(jù)名(必填)
* 2.type可以為html或者md(必填)
* 3.data為傳入的具體數(shù)據(jù)(必填)
* 4.target為Page對象,一般為this(必填)
* 5.imagePadding為當(dāng)圖片自適應(yīng)是左右的單一padding(默認(rèn)為0,可選)
*/

Page({
 data: {
 },
 onLoad: function () {
 var that = this;
 wx.request({
 url: '', 
 method: 'POST',
 data: {
 'id':13
 },
 header: {
 'content-type': 'application/json'
 },
 success: function(res) {
 var article = res.data[0].post;
 WxParse.wxParse('article', 'html', article, that,5);
 }
 })
 }
})

4、在頁面中引用模板

<import src="../../wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>

這樣就可以在微信小程序中嵌入html內(nèi)容了

感謝各位的閱讀！看完上述內(nèi)容，你們對在微信小程序中顯示html格式內(nèi)容的方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

新聞名稱：在微信小程序中顯示html格式內(nèi)容的方法
地址分享：http://www.rwnh.cn/article46/jieeeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、App開發(fā)、云服務(wù)器、ChatGPT、品牌網(wǎng)站設(shè)計、全網(wǎng)營銷推廣

廣告

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