首页 > 前端 > 正文

今天在做小程序时间,用rich-text组件显示富文本时发现图片太宽溢出了。怎么办?下面是一个简单的处理方法(当然也有其他的解决方案),方法如下:

		//处理图片溢出的问题
		let richtext = temp.content;
		const regex = new RegExp('<img', 'gi');
		richtext = richtext.replace(regex, `<img style="max-width: 100%;"`);

思路很简单 ,就是解析富文本中的img标签,给它强制加上最大宽度1000%,然后 rich-text中的node属性 就可以绑定richtext,图片就不会溢出了。

效果演示

处理前

处理后

RoveCoder版权所有,转载请注明

猜你喜欢
picture loss