uniapp富文本rich-text图片适配

MrJason...小于 1 分钟

uniapp富文本rich-text图片适配

1. 简介

我们商品详情页等场景，使用uniapp富文本rich-text展示时，图片可能会因图片原始尺寸过大，导致无法正常渲染等问题

2. 解决办案

我们将img 标签的样式做个替换，设置最大宽度为100%

parsedHtml() {
				if (this.product.detailMobileHtml) {
					return this.product.detailMobileHtml.replace(/\<img/gi,'<img style="max-width:100%;height:auto;display:block;"');
				} else {
					return this.product.detailHtml.replace(/\<img/gi,'<img style="max-width:100%;height:auto;display:block;"');
				}
}