正規表現を使用して HTML タグを削除する方法-フロントエンドQ&A-php.cn

正規表現を使用して HTML タグを削除する方法

PHPz

リリース： 2023-04-24 15:15:24

オリジナル

2800 人が閲覧しました

HTML は Web ページのデザインに不可欠なテクノロジであり、Web ページ内のコンテンツ表示の鍵となります。ただし、プレーンテキストコンテンツを抽出し、その後 HTML タグを削除する必要がある場合があります。この記事では正規表現を使ってHTMLタグを削除する方法を紹介します。

HTML タグは山かっこで囲まれます。 HTML タグには、class や id など、要素の特性を定義するために使用される多数の属性があります。正規表現を使用して HTML タグを削除する場合は、タグを削除するだけでなく、タグ内の属性も削除することに注意する必要があります。

具体的な正規表現は次のとおりです:

/<[^>]+>/g

ログイン後にコピー

このうち、/ は正規表現の先頭と末尾を表し、大なり記号と小なり記号は正規表現の先頭と末尾を表します。 HTML タグ; ¹ は > のどの文字にも一致しないことを意味します; 一致する文字を 1 回以上繰り返すことができることを意味します; /g は 1 回の検索ではなく全文検索を意味します。

たとえば、次の HTML コード内のすべてのタグを削除するには:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML标签测试</title>
  </head>
  <body>
    <h1>我们来测试一下HTML标签去除吧！</h1>
    <p>这是一个段落。</p>
  </body>
</html>

ログイン後にコピー

JavaScript で次のコードを使用できます:

var html = 'HTML标签测试
我们来测试一下HTML标签去除吧！
这是一个段落。';

var pureText = html.replace(/<[^>]+>/g, '');
console.log(pureText);

ログイン後にコピー

上記のコードはプレーンテキストを出力します。 HTML タグを削除した後テキストの内容:

HTML标签测试我们来测试一下HTML标签去除吧！这是一个段落。

ログイン後にコピー

このようにして、HTML タグを削除することができました。実際に使用する場合は、次の点にも注意する必要があります。

正規表現は HTML タグのプレーンテキストコンテンツにのみ適用され、タグ内の JavaScript コードや CSS スタイルには適用されません。
一部の HTML タグでは、タグの alt 属性など、属性値を使用してコンテンツを指定できますが、これらのコンテンツは正規表現では削除できません。
HTML タグに含まれるコンテンツが < や > などの文字エンティティである場合、これらのエンティティは正規表現で置き換える必要があります。そうしないと、タグが正しく削除されません。

さらに、Cheerio などの特殊な HTML 解析ライブラリを使用して HTML タグを抽出することもできます。ただし、どの方法を使用する場合でも、抽出されたテキストコンテンツが正確で期待どおりであることを確認するために常に注意を払う必要があります。