微信小程式中顯示html格式內容的方法

2022-10-07 12:09:08 字數 976 閱讀 2441

前言

最近專案上遇到在微信小程式裡需要顯示新聞內容,新聞內容是通過介面讀取的伺服器中的富文字內容,是html格式的,小程式預設是不支援html格式的內容顯示的,那我們需要顯示html內容的時候,就可以通過wxparse來實現。

準備工作:

首先我們**wxparse

github位址:

本地**:

wxparse

**完之後我們需要用到目錄下的wxparse資料夾,把他拷貝到我們的專案目錄下

下面是具體的使用步驟

1、在app.wxss全域性樣式檔案中,需要引入wxparse的樣式表

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

2、在需要載入html內容的頁面對應的js檔案裡引入wxpar程式設計客棧se

var wxparsewww.cppcns.com = require('../../wxparse/wxparse.js');

3、通過呼叫wxparse.pzpndwxparse方法來設定html內容

/*** wxparse.wxparse(bindname , type, data, target,imagepadding)

* 1.bindname繫結的資料名(必填)

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

* 3.data為傳入的具程式設計客棧體資料(必填)

* 4.target為page物件,一般為this(必填)

* 5.imagepadding為當自適應是左右的單一padding(預設為0,可選)

*/page(,

onload: function () ,

header: ,

success: function(res)

}) }

})4、在頁面中引用模板

這樣就可以在微信小程式中嵌入html內容了

總結本文標題: 微信小程式中顯示html格式內容的方法

本文位址:

微信小程式(wxParse)實現html格式內容

下面是具體的使用步驟 import page wxparse wxparse.wxss 複製 2.在需要載入html內容的頁面對應的js檔案裡引入wxparse var wxparse require wxparse wxparse.js 複製 3.通過呼叫wxparse.wxparse方法來設定h...

微信小程式中顯示html富文字的方法

二 在要引入的頁面的js檔案中,引入檔案 js檔案中 var wxparse require weui wxparse wxparse.js css檔案中 import weui wxparse wxparse.wxss 頁面中 weui wxparse wxparse.wxml 三 資料繫結 在p...

微信小程式插入HTML

二 在要插入的頁面引入包 1.1 js配置如下 var wxparse require wxparse wxparse.js success function result error function object error 1.2.wxml 如下 1.3 wxss如下 import wxpar...