Utilisez la régularité PHP pour supprimer les styles de largeur et de hauteur dans le code HTML

巴扎黑
Libérer: 2023-03-14 17:20:01
original
1343 Les gens l'ont consulté

Cet article présente la méthode de suppression régulière par PHP des styles de largeur et de hauteur dans le code HTML, impliquant les compétences régulières de correspondance, de remplacement et d'autres opérations de PHP pour le code HTML, comme suit :

Besoin de collecter du HTML et de l'enregistrer 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 régulier pour filtrer ces styles.


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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal