php使用正则去除宽高样式

最新推荐文章于 2021-03-21 17:07:33 发布

傲雪星枫

最新推荐文章于 2021-03-21 17:07:33 发布

阅读量1.6w

点赞数 1

分类专栏： php 文章标签： php 正则 html 样式过滤

本文链接：https://blog.csdn.net/fdipzone/article/details/72810801

版权

php 专栏收录该内容

123 篇文章 4 订阅

订阅专栏

因工作需要，需要采集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>