uni-app js 解决富文本图片超出设置图片自适应宽度

最新推荐文章于 2024-05-08 10:15:46 发布

0_Error_

最新推荐文章于 2024-05-08 10:15:46 发布

阅读量552

点赞数 9

分类专栏： uni-app 文章标签：前端 javascript html

本文链接：https://blog.csdn.net/qq_43929048/article/details/136585387

版权

uni-app 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

uni-app js 解决富文本图片超出设置图片自适应宽度

			formatRichText(html) {
				let newContent = html.replace(/<img[^>]*>/gi, function(match, capture) {
					match = match.replace(/style="[^"]+"/gi, '').replace(/style='[^']+'/gi, '');
					match = match.replace(/width="[^"]+"/gi, '').replace(/width='[^']+'/gi, '');
					match = match.replace(/height="[^"]+"/gi, '').replace(/height='[^']+'/gi, '');
					return match;
				});
				newContent = newContent.replace(/style="[^"]+"/gi, function(match, capture) {
					match = match.replace(/width:[^;]+;/gi, 'max-width:100%;').replace(/width:[^;]+;/gi,
						'max-width:100%;');
					return match;
				});
				newContent = newContent.replace(/<br[^>]*\/>/gi, '');
				newContent = newContent.replace(/\<img/gi,
					'<img style="max-width:100%;height:auto;display:inline-block;margin:10rpx auto;"');
				return newContent;
			},