主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
最近在做一个百度小程序项目。我的需求是后端返回文章的html结构数据,前端小程序需要同步显示页面。首先想到的是解析html结构数据。
因此,需要使用富文本解析的功能。虽然小程序提供了rich-text富文本组件的功能,但是这种效果可能达不到你想要的功能,所以需要解析。
于是我去百度了一下,果然有人把组件写出来直接用了(百度小程序的富文本解析工具bdParse,由wxparse改造而来,
当然,如果你有能力自己翻页,你也可以写一个),在这里记录下具体步骤如下:
第一步:百度找到bdparse组件的下载地址;下载地址https://gitee.com/sootou/bdparse,下载整个文件,并把它放在你的小程序的根目录。
第二步:将代码直接引入applet页面的js文件中。
const BD parse = require(& amp;#39;../../BD parse/BD parse . js & amp;#39;)对应css介绍
@ import & quot../../BD parse/BD parse . CSS & quot;;第三步:在js文件中调用;在必需字段中使用baparse,可以在onLoad方法中引用它。
onLoad:function(options){ let content = ` & lt;p style = & quotline -height:nullpx;text -indent:2em;text -align:left & gt;& gt& ltfont face = & quot宋代" & gt& lt字体大小= & quot4 & quot& gt& ltfont color = & quot#000000"& gt拼多多门店,有偿推广是一种方式,而且讲究。无论你是否过早的把钱花光,都不利于我们商品流量的提升。今天我们就来看看分时度假折扣的概念和调整方法。& lt/font & gt;& lt/font & gt;& lt/font & gt;& lt/p & gt;& ltp style = & quotline -height:nullpx;text -indent:2em;text -align:left & gt;& gt& ltstrong & gt& ltfont face = & quot宋代" & gt& lt字体大小= & quot4 & quot& gt& ltfont color = & quot#000000"& gt我在这里整理了一份品多多店铺运营的实用干货和资料,有需要的朋友可以
& lt导入src = & quot../../BD parse/BD parse . swan & quot;/& gt;& lt模板是= & quotbdParse & quotdata = & quot{ { { bdParseData:article . nodes } } } & quot;/& gt;总结:在高人的基础上更快的学习,更快的实现自己想要的功能,也是一种学习方式。学习是一个积累的过程,交流是学习的重要方式。
以上是百度小程序的富文本解析工具bdParse的使用。更多请关注主机参考的其他相关文章!
这几篇文章你可能也喜欢:
本文由主机参考刊发,转载请注明:使用百度小程序的富文本解析工具bdParse(小程序的富文本web编辑器) https://zhujicankao.com/113045.html
评论前必须登录!
注册