处理富文本内容中的图片显示

/**

* 处理富文本里的图片宽度自适应

* 1.去掉img标签里的style、width、height属性

* 2.img标签添加style属性：max-width:100%;height:auto

* 3.修改所有style里的width属性为max-width:100%

* 4.去掉
标签

* @param html

* @returns {void|string|*}

*/

/* 处理富文本内容中的图片显示问题    开始*/

result.data.data.articleContent = result.data.data.articleContent.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;

});

result.data.data.articleContent = result.data.data.articleContent.replace(/style="[^"]+"/gi, function(match,

capture) {

match = match.replace(/width:[^;]+;/gi, 'max-width:100%;').replace(/width:[^;]+;/gi, 'max-width:100%;');

return match;

});

result.data.data.articleContent = result.data.data.articleContent.replace(/]*\/>/gi, '');

result.data.data.articleContent = result.data.data.articleContent.replace(/\

'

/* 处理富文本内容中的图片显示问题 结束*/

原创：https://blog.csdn.net/qq_37682202/article/details/100522172?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param