• 技术文章 >微信小程序 >小程序开发

    百度小程序富文本解析工具bdParse的使用

    铁手铁手2021-07-19 09:31:07原创119
    最近在做一个百度小程序的项目,我的需求是后端返回了文章的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中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:百度小程序
    上一篇:关于微信支付小程序v3【附PHP完整后端代码】 下一篇:重新对百度支付进行编写封装(百度智能小程序支付)
    VIP会员

    相关文章推荐

    • 小程序如何获取到openid和session_key• 随着更新潮流,把PHP字节小程序担保支付类也更新了!• 重新对百度支付进行编写封装(百度智能小程序支付)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网