js 正则去除html代码里 img标签里的style,添加图片自适应值width

js 正则去除一段html里 img标签里的style，添加图片自适应 max-width:100%

convert () {

let htmlText = '<img style="border: 0px; width: 537px; display: block;">'

let str = htmlText.replace(/<img[^>]*>/gi, function (match, capture) {
// return match.replace(/(<img[^>]*)(\/?>)/gi, "$1width='100%' $2") // 添加width="100%"
   return match.replace(/style\s*?=\s*?([‘"])[\s\S]*?\1/ig, 'style="max-width:100%;height:auto;"') // 替换style

})

return str

},

打印结果：

// 添加自适应width值 width="100%"

<img style="border: 0px; width: 537px; display: block;"width='100%' >

// 替换style

<img style="max-width:100%;height:auto;">

var str="hello(world)";
var nstr = str.replace(/\([^\)]*\)/g,""); 
console.log(nstr);