<rich-text :nodes="function(service_details)"></rich-text>
function(html) {
let newContent = html.replace(/<img[^>]*>/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(/<br[^>]*\/>/gi, '');
newContent = newContent.replace(/\<img/gi,
'<img style="max-width:100%;height:auto;display:block;margin-top:0;margin-bottom:0;"');
return newContent;
}
uniapp中js处理图片修正
最新推荐文章于 2024-05-22 17:04:44 发布
该函数作用于HTML内容,移除<img>标签中的style属性、width和height属性,并添加max-width:100%和height:auto来保证图片适应容器。同时,它还处理了linebreaks和保留了img标签,以优化内容显示。
摘要由CSDN通过智能技术生成