原因:pc版文章由编辑器编辑,里边图片有固定的宽高
问题:手机版文章页面引入图片会溢出去<img src="xx/xx/1.jpg" style="width:1000px;height:500px;"/>
因为以前发布的文章很多,逐个把原内容图片修改为100%显示能够解决问题,但是太费时间,能不能手机版通过正则,匹配到id为center内的img标签,并替换img 样式为style="width:100%;height:auto;"
这样问题就解决了,但是这个东东怎么写,求教了。
sed -i "/id=[\"']center['\"]/s/style=[\"'][^\'']\{1,\}[\"']/style=\"width:100%;height:auto;\"/g" 2.txt
可以先不加-i,看看效果,如果不想用这种方式的话,我也可写个PHP的.
谢谢
(<([a-z]+)[^<]*id="center"[^<]*>)(.*?)((<img[^<]*)(style="width:1000px;height:500px;")([^<]*/>))(.*?)(</\2>)
$1$3$5style="width:100%;height:auto;"$7$8$9
谢谢