用正则替换小程序中富文本内容解决图片变形问题

66 阅读 0 评论 44 点赞

我是靠谱客的博主单纯白羊，最近开发中收集的这篇文章主要介绍用正则替换小程序中富文本内容解决图片变形问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

在开发小程序中有些时候需要显示富文本编辑器编辑的图片，但是因为在小程序中无法直接通过css去替换图片的样式，所以无法让图片自适应，这时候用正则去替换富文本内容中的样式即可解决这个问题；

上图⬆️ 是替换前接口返回的富文本的内容，执行正则

// 修改富文本图片
formatRichText(html){
	let regex=/width:(.+?)"/g;
	let newContent= html.replace(regex,'width:100%;height:auto;"');
	return newContent;
}

替换"width:"到"之间的内容，完成替换

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。