UNIAPP和微信小程序修改RICH-TEXT里面图片样式

UNIAPP和微信小程序修改RICH-TEXT里面图片样式,第1张

res.data.goodsDetail.detail = res.data.goodsDetail.detail.replace(/<p([\s\w"=\/\.:]+)((?:(style="[^"]+")))/ig, '<p')

.replace(/<p>/ig, '<p style="font-size: 15pxline-height: 25px">')

.replace(/<img([\s\w"-=\/\.:]+)((?:(height="[^"]+")))/ig, '<img$1')

.replace(/<img([\s\w"-=\/\.:]+)((?:(width="[^"]+")))/ig, '<img$1')

.replace(/<img([\s\w"-=\/\.:]+)((?:(style="[^"]+")))/ig, '<img$1')

.replace(/<img([\s\w"-=\/\.:]+)((?:(alt="[^"]+")))/ig, '<img$1')

.replace(/<img([\s\w"-=\/\.:]+)/ig, '<img style="width: 100%" $1')

一些字体颜色,大小,可以通过给 rich-text 加上class来设置。

但是图片的大小设置不了。

用了正则表达式,让输出的富文本中的图片加上了样式


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

原文地址: http://outofmemory.cn/yw/11887875.html

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

发表评论

登录后才能评论

评论列表(0条)

保存