微信小程序中怎么解析富文本

微信小程序中怎么解析富文本，相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

1．將下載下來的插件文件夾復(fù)制到我們的項(xiàng)目根目錄下（其中emojis文件可根據(jù)自己所需決定要或者不要，其他的文件必須要）

- wxParse/
 -wxParse.js(必須存在)
 -html2json.js(必須存在)
 -htmlparser.js(必須存在)
 -showdown.js(必須存在)
 -wxDiscode.js(必須存在)
 -wxParse.wxml(必須存在)
 -wxParse.wxss(必須存在)
 -emojis(表情包文件，可選)

wxParse

2.在需要使用該插件的View（.js文件）中引入WxParse模塊

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

3.在需要是用的wxss中引入WxParse.wxss，也可以在app.wxss中引入

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

4.進(jìn)行數(shù)據(jù)綁定

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

5.在內(nèi)容頁（.wxml文件）中引用該模版文件，其中data中article為bindName

導(dǎo)入文件

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

引用模版

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

看完上述內(nèi)容，你們掌握微信小程序中怎么解析富文本的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！