image.png

二、復制到小程序utils目錄下

image.png

三、在要使用的目標文件中

具體路徑根據目標文件定，當前目標文件在pages - news - detail

3.1、在目標文件js中引入

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

測試代碼：

onLoad: function (e) {

var article = '

我是HTML代碼';

WxParse.wxParse('article', 'html', article, that, 5); // 實例化對象

/**

* WxParse.wxParse(bindName , type, data, target,imagePadding)

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

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

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

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

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

*/

},

3.2、在目標文件wxml中引入

3.3、在目標文件wxss中引入

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

重點還需要額外針對view寫樣式

.m-con .content view{

text-indent: 2em;

}

.m-con .content{

padding: 30rpx;

font-size: 26rpx;

line-height: 48rpx;

color: #666;

}

已將p標簽等識別成view

image.png

image.png

總結

以上是生活随笔為你收集整理的微信小程序支付html标签,微信小程序/支付宝小程序 WxParse解析富文本（html）代码...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。