今天在做小程序时间,用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版权所有,转载请注明