如何通过正则修改图片样式中的宽高

Question

原因：pc版文章由编辑器编辑，里边图片有固定的宽高问题：手机版文章页面引入图片会溢出去<img src="xx/xx/1.jpg" style="width:1000px;height:500px;"/>因为以前发布的文章很多，逐个把原内容图片修改为100%显示能够解决问题，但是太费时间，能不能手机版通过正则，匹配到id为center内的img标签，并替换img 样式为style="width:100%;height:auto;"这样问题就解决了，但是这个东东怎么写，求教了。

Answer 1

sed -i "/id=[\"']center['\"]/s/style=[\"'][^\'']\{1,\}[\"']/style=\"width:100%;height:auto;\"/g" 2.txt

可以先不加-i,看看效果,如果不想用这种方式的话,我也可写个PHP的.

Answer 2

(<([a-z]+)[^<]*id="center"[^<]*>)(.*?)((<img[^<]*)(style="width:1000px;height:500px;")([^<]*/>))(.*?)(</\2>)

 

$1$3$5style="width:100%;height:auto;"$7$8$9