Explication détaillée de la suppression des styles de largeur et de hauteur en HTML avec PHP-tutoriel php-php.cn

Explication détaillée de la suppression des styles de largeur et de hauteur en HTML avec PHP

零下一度

Libérer： 2023-03-10 12:02:02

original

1218 Les gens l'ont consulté

Cet article présente principalement la méthode de suppression régulière par PHP des styles de largeur et de hauteur dans le code HTML, impliquant la correspondance régulière, le remplacement et d'autres compétences opérationnelles de PHP pour le code HTML. Les amis dans le besoin peuvent se référer à ce qui suit

. Cet article explique les exemples. Il s'agit d'une méthode PHP classique pour supprimer les styles de largeur et de hauteur dans le code HTML. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

En raison des besoins professionnels, il est nécessaire de collecter le HTML et de sauvegarder le contenu html dans la base de données. Afin d'éviter d'affecter l'utilisation, les styles de largeur et de hauteur doivent être supprimés. Par exemple, largeur, hauteur, etc. dans les images et p.

Cependant, dans le HTML collecté, les styles d'écriture sont différents, comme les majuscules et les minuscules, les espaces au milieu, etc.

J'ai donc écrit la méthode suivante en utilisant PHP Regular pour filtrer ces styles étranges.

Le code est le suivant :

<?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;
}
?>

Copier après la connexion

Démo :

<?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;;
?>

Copier après la connexion

Sortie :

原内容：
<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>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!