小程序中如何使用bdParse富文本解析工具

這篇文章將為大家詳細(xì)講解有關(guān)小程序中如何使用bdParse富文本解析工具，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

在小程序頁面的js文件中直接引入代碼

const bdParse = require('../../bdParse/bdParse.js')

對應(yīng)css中引入

@import "../../bdParse/bdParse.css";

在js文件中調(diào)用； 在需要的字段使用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">拼多多開店，付費(fèi)推廣是有門路和講究的。不論你是過早把錢花完，還是花不完，都是不利我們商品流量推廣的。今天，
  帶大家了解一下分時折扣的概念和調(diào)整方法。</font></font></font></p><p style="line-height:nullpx;text-indent:2em;text-align:left"><strong>
  <font face="宋體"><font size="4"><font color="#000000">我這邊給大家整理一份拼多多店鋪運(yùn)營的實(shí)操干貨和資料，需要的朋友可以
  </font><font color="#ff0000">掃描底部二維碼</font><font color="#000000">免費(fèi)領(lǐng)取。
  `
  this.setData({
    content:bdParse.bdParse('article', 'html',result, that, 10)
  })
}

在swan頁面中引入模板文件，填寫如下代碼即可

<import src="../../bdParse/bdParse.swan" />
<template is="bdParse" data="{{{bdParseData: article.nodes}}}" />

關(guān)于小程序中如何使用bdParse富文本解析工具就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。