最近在做一個百度小程式的項目，我的需求是後端回傳了文章的html結構數據，前端小程式需要同步顯示頁面，首先想到的肯定需要解析html結構數據；
所以需要用到富文本解析的功能，雖然小程式有提供了rich-text富文本元件功能，但這個效果並不一定能滿足自己想要的功能，因此需要去解析處理，
於是就去百度了一下，果然有高人寫好了組件直接拿來用就可以了（百度小程式富文本解析工具bdParse，改造自wxparse，
#當然你如果有能力的化自己頁可以寫一個）,在此記錄一下具體步驟流程如下：
第一步：百度找到bdparse組件的下載地址；下載地址https://gitee.com/sootou/bdparse，下載整個全部文件，放到你的小程式根目錄下
第二步：在小程式頁面的js檔案中直接引入程式碼
const bdParse = require('../../bdParse/bdParse.js')
對應css中引入
@import "../../bdParse/bdParse.css";
第三步：在js檔案中呼叫； 在需要的欄位使用baparse，可以在onLoad方法中引用
onLoad: function (options) {
let content = `
<p style="line-height:nullpx;text-indent:2em;text-align:left"><font face="宋体">
<font size="4"><font color="#000000">拼多多开店，付费推广是有门路和讲究的。不论你是过早把钱花完，还是花不完，都是不利我们商品流量推广的。今天，
带大家了解一下分时折扣的概念和调整方法。</font></font></font></p><p style="line-height:nullpx;text-indent:2em;text-align:left"><strong>
<font face="宋体"><font size="4"><font color="#000000">我这边给大家整理一份拼多多店铺运营的实操干货和资料，需要的朋友可以
</font><font color="#ff0000">扫描底部二维码</font><font color="#000000">免费领取。
`
this.setData({
content:bdParse.bdParse('article', 'html',result, that, 10)
})
}第四步：在swan頁面中引入範本文件，填寫如下程式碼即可
<import src="../../bdParse/bdParse.swan" />
<template is="bdParse" data="{{{bdParseData: article.nodes}}}" />總結：在高人的基礎上能更快的學習，快速的實現自己想要的功能，這也是學習的一種方式。學習是慢慢累積的過程，溝通是重要的學習方式。
以上就是百度小程式富文本解析工具bdParse的使用，更多請關注php中文網的其它相關文章！
以上是百度小程式富文本解析工具bdParse的使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
