微信小程序rich-text中的nodes属性

微信小程序rich-text中的nodes属性,第1张

微信小程序中的腔局rich-text可以接收转移html标签

字体的样式处理 可以伍知让通过 给rich-text添加类名猛穗设置字体样式

图片的样式(自适应)

获取的html标签字符串.replace(/<img/g, '<img style="max-width:100%height:autodisplay:blockmargin:10px 0"')

做项目过喊郑程中,经常遇到接口里传过来的内容是包含html标签的,但是样式又不全面,导致在小程序显示的时候,整个界面都是乱的。

这时候就要用到 rich-text

使用:

有时候展现的图片也是没有样式的,导搏游致图片会按照原始大小显示,超出界面框架。我们需要用正郑银颂则将内容转义一下:

新建一个js文件 replaceImg.js :

在对应的界面调用:

可以在小程序内尝试打印看看获取到的最后的内容;

这时候的img标签已经被加上的style。

因为接触小程序不久,所升李高以把自己遇到的问题记录一下。rich-text组件修改样式,我按照网吵尺上说的方法修改了好久,都没生效,突然想起来自己在wxml页面,使用的是原生的返回数扰信据。。。。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12442607.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-23
下一篇2023-05-23

发表评论

登录后才能评论

评论列表(0条)

    保存