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

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

最近在做一个百度小程序的项目，我的需求是后端返回了文章的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 = ` 拼多多开店，付费推广是有门路和讲究的。不论你是过早把钱花完，还是花不完，都是不利我们商品流量推广的。今天， 带大家了解一下分时折扣的概念和调整方法。 我这边给大家整理一份拼多多店铺运营的实操干货和资料，需要的朋友可以 扫描底部二维码免费领取。 ` this.setData({ content:bdParse.bdParse('article', 'html',result, that, 10) })}-

第四步：在swan页面中引入模板文件，填写如下代码即可

-

总结：在高人的基础上能更快的学习，快速的实现自己想要的功能，这也是学习的一种方式。学习是慢慢积累的过程，交流是重要的学习方式。

以上就是百度小程序富文本解析工具bdParse的使用，更多请关注的其它相关文章！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。