rich-text 解析富文本 图片过大 如何自定义大小？

从后台查出来的富文本数据，使用 rich-text 进行展示时，其中的图片过大，超出屏幕。

下面是字符串拼接的代码

const replaceDetail = function(details){
	var texts='';//待拼接的内容
	while(details.indexOf('<img')!=-1){//寻找img 循环
		texts+=details.substring('0',details.indexOf('<img')+4);//截取到<img前面的内容
		details = details.substring(details.indexOf('<img')+4);//<img 后面的内容
		if(details.indexOf('style=')!=-1 && details.indexOf('style=')<details.indexOf('>')){
			texts+=details.substring(0,details.indexOf('style="')+7)+"max-width:100%;height:auto;margin:0 auto;";//从 <img 后面的内容 截取到style= 加上自己要加的内容
			details=details.substring(details.indexOf('style="')+7); //style后面的内容拼接
		}else{
			texts+=' style="max-width:100%;height:auto;margin:0 auto;" ';
		}
	}
	texts+=details;//最后拼接的内容
	return texts
}

试过，管用。