PHP method to implement regular deletion of width and height styles in HTML code-PHP Tutorial-php.cn

PHP method to implement regular deletion of width and height styles in HTML code

墨辰丷

Release： 2023-03-27 09:34:02

Original

1088 people have browsed it

This article mainly introduces the method of PHP regular deletion of width and height styles in HTML code, involving PHP regular matching, replacement and other operation skills for HTML code. Friends who need it can refer to it

Due to work needs , need to collect html and save the html content into the database. In order to avoid affecting usage, the width and height styles need to be deleted. For example, width, height, etc. in pictures and p.

However, in the collected HTML, the styles are written differently, such as upper and lower case, spaces in the middle, etc.

So I wrote the following method using PHP regular to filter these weird styles.

The code is as follows:

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

Copy after login

Demonstration:

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

Copy after login

Output ：

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

过滤后内容：
<p style="text-align:center" >
  <p style=" ">
    <img src="/images/test.jpg" >
    <p style="float:left; "></p>
  </p>
  <p style="">
    <img src="/images/test.jpg" >
  </p>
</p>

Copy after login

Related recommendations:

Use PHPregular Delete the width and height styles

##php

Regular method to delete the img tag in the HTML code

php Description of how to use regularity to delete width and height styles in HTML code

The above is the detailed content of PHP method to implement regular deletion of width and height styles in HTML code. For more information, please follow other related articles on the PHP Chinese website!