微信小程序> 微信小程序text标签-微信小程序最详细的rich-text使用方法-小程序标签

微信小程序text标签-微信小程序最详细的rich-text使用方法-小程序标签

浏览量:4960 时间: 来源:你有病我吃药
关于微信小程序rich-text的使用方法

1.近期开始写一个电商类型的微信小程序。其中在商品详情页,为了展示商品的图文不得不使用富文本编辑器。这里简单的描述下小程序rich-text

2.

3.这是一个前面代码构成,其中rich-text节点中nodes绑定的就是我们的内容

4.然后在page里面定义html这个参数(注意html类型为字符串)

5.最后通过在后端返回的数据,在微信生命周期onshow里面设置。如图

6.这里的str是我定义的一个变量用来存放后台数据,图片的样式通过正则匹配去修改,需要注意的是,因为我这里有多张图片,在排列时上下之间可能会出现间隙如图示解决方案就是在正则中给img加上display:block即可;

7.想了解更多,可以参考微信官方文档https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎