pc网站往往指定了图片的宽高,到移动站了可能出现横向滚动条的问题,影响体验,因此有了以下方法,主要功能是去掉style和height标签,同时把图片的width宽度修改为百分比,代码如下:
$context = '<p style="text-align: center;">
<img alt="" src="http://www.maofa.org/uploadfile/2016/0707/20160707032929237.jpg" style="width: 90%; height:399px" /></p>
<p style="text-align: center;">
<img alt="xxx" src="http://www.maofa.org/uploadfile/2016/0707/20160707032916780.jpg" width="95%" height="90%" style="width: 95%;" /></p>
<table width="100%"></table>
<img src="http://www.maofa.org/uploadfile/2017/1122/20171122797034.jpg" width="557" height="405" border="0">';
echo removeImgAttr($context);
function removeImgAttr($content){
$content = preg_replace(
array(
'/(<img [^<>]*?)width=.+?[\'|\"]/',
'/(<img.*?)((height)=[\'"]+[0-9|%]+[\'"]+)/',
'/(<img.*?)((style)=[\'"]+(.*?)+[\'"]+)/',
) , array('$1 width="90%" ', '$1', '$1') , $content);
return $content;
}