uni-app v-HTML控制图片宽度,uniapp富文本编辑器图片宽度溢出解决方法

filters: {

formatRichText(html) { //控制小程序中图片大小

let newContent = html.replace(/]*>/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(/
]*\/>/gi, '');

newContent = newContent.replace(/\

'

return newContent;

}

},

标签：uniapp,文本编辑,style,溢出,replace,width,match,newContent,gi

来源： https://www.cnblogs.com/zjxiang008/p/13373370.html