php正则删除HTML代码中宽高样式-php教程-PHP中文网

php正则删除HTML代码中宽高样式

陈政宽～

发布： 2017-06-28 13:22:45

原创

1301人浏览过

这篇文章主要介绍了php正则删除 html代码中宽高样式的方法,涉及php针对html代码的正则匹配、替换等操作技巧,需要的朋友可以参考下

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

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

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

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

立即学习“PHP免费学习笔记（深入）”；

X-Node企业快速建站1.0.6.0801

特色介绍： 1、ASP+XML+XSLT开发，代码、界面、样式全分离，可快速开发 2、支持语言包，支持多模板，ASP文件中无任何HTML or 中文 3、无限级分类，无限级菜单，自由排序 4、自定义版头（用于不规则页面） 5、自动查找无用的上传文件与空目录，并有回收站，可删除、还原、永久删除 6、增强的Cache管理，可单独管理单个Cache 7、以内存和XML做为Cache，兼顾性能与消耗 8、

查看详情

代码如下：

<?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
<p style="text-align:center" width="500" height="300">
  <p style="Width : 100px ; Height: 100 px;">
    @@##@@
    <p style="float:left; width: 100px; height : 200 px;"></p>
  </p>
  <p style="width :  100 px ;height: 100px">
    @@##@@
  </p>
</p>
HTML;
echo '<xmp>';
echo '原内容：'.PHP_EOL;
echo $html.PHP_EOL.PHP_EOL;
echo '过滤后内容：'.PHP_EOL;
echo clear_wh($html);
echo '</xmp>';
?>

登录后复制

输出：

原内容：
<p style="text-align:center" width="500" height="300">
  <p style="Width : 100px ; Height: 100 px;">
    @@##@@
    <p style="float:left; width: 100px; height : 200 px;"></p>
  </p>
  <p style="width :  100 px ;height: 100px">
    @@##@@
  </p>
</p>

过滤后内容：
<p style="text-align:center" >
  <p style=" ">
    @@##@@
    <p style="float:left; "></p>
  </p>
  <p >
    @@##@@
  </p>
</p>

登录后复制