PHP正则删除HTML代码中宽高样式的方法

本文实例讲述了PHP正则删除HTML代码中宽高样式的方法。分享给大家供大家参考，具体如下：

因工作需要，需要采集html，并把html内容保存到数据库中。为了避免影响使用，宽高样式需要删除。例如图片和div中的width, height等。

不过采集到的html中，样式的写法各有不同，例如大小写，中间有空格等。

因此使用php正则编写了下面这个方法，对这些奇葩的样式进行过滤。

代码如下：

<?php/** * 清除宽高样式 * @param String $content 内容 * @return String */function clear_wh($content){  $config = array('width', 'height');  foreach($config as $v){    $content = preg_replace('/'.$v.'/s*=/s*/d+/s*/i', '', $content);    $content = preg_replace('/'.$v.'/s*=/s*.+?["/']/i', '', $content);    $content = preg_replace('/'.$v.'/s*:/s*/d+/s*px/s*;?/i', '', $content);  }  return $content;}?>

演示：

<?php$html = <<<HTML<div style="text-align:center" width="500" height="300">  <div style="Width : 100px ; Height: 100 px;">    <img src="/images/test.jpg" width=400 height = 200>    <div style="float:left; width: 100px; height : 200 px;"></div>  </div>  <div style="width :  100 px ;height: 100px">    <img src="/images/test.jpg" width=400 height = 200>  </div></div>HTML;echo '<xmp>';echo '原内容：'.PHP_EOL;echo $html.PHP_EOL.PHP_EOL;echo '过滤后内容：'.PHP_EOL;echo clear_wh($html);echo '</xmp>';?>

输出：

原内容：<div style="text-align:center" width="500" height="300">  <div style="Width : 100px ; Height: 100 px;">    <img src="/images/test.jpg" width=400 height = 200>    <div style="float:left; width: 100px; height : 200 px;"></div>  </div>  <div style="width :  100 px ;height: 100px">    <img src="/images/test.jpg" width=400 height = 200>  </div></div>过滤后内容：<div style="text-align:center" >  <div style=" ">    <img src="/images/test.jpg" >    <div style="float:left; "></div>  </div>  <div style="">    <img src="/images/test.jpg" >  </div></div>

PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

JavaScript正则表达式在线测试工具：
http://tools.jb51.net/regex/javascript

正则表达式在线生成工具：
http://tools.jb51.net/regex/create_reg

更多关于PHP相关内容感兴趣的读者可查看本站专题：《php正则表达式用法总结》、《PHP数组(Array)操作技巧大全》、《PHP基本语法入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。