ホームページ > 記事 > ウェブフロントエンド > HTMLの定期的な置き換え

HTMLの定期的な置き換え

PHPzオリジナル: 2023-05-21 17:54:39504ブラウズ

正規表現は日常のコード処理でよく使用され、一般的な用途の 1 つは文字列の置換です。 Web 開発では、一部の HTML タグや特定の文字を置換する必要があることがよくあります。では、正規表現はどのようにしてそのような機能を実現するのでしょうか?正規表現を使ってHTMLを置換する方法を紹介します。

正規表現とは何ですか?

正規表現は、文字列と記号シーケンスを照合および検索する方法です。平たく言えば、正規表現は文字列のパターンを定義するルールです。正規表現はプログラミング言語ではなく、コンピューター科学者によって発明された一連のルールであり、現在さまざまなプログラミング言語で広く使用されています。 JavaScript では、RegExp オブジェクトを使用して正規表現を表すことができます。

HTML 置換の例

不要なタグを含む HTML 文字列があるため、これらのタグを置換する必要があります。正規表現を使用してこのタスクを実行できます。以下は例です:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML替换实例</title>
</head>
<body>
    <div class="content">
        <p>这是一段需要替换的HTML字符串，<span>其中包含一些需要被替换的标签</span>，比如<strong>这个标签</strong>，还有<a href="#">这个标签</a>，需要转化成纯文本格式。</p>
    </div>
</body>
</html>

ここで、このページ内のすべての HTML タグをプレーンテキストに置き換える必要があります。次の正規表現を使用できます:

/<(?:.|\n)*?>/gm

その内、 e0ad6a532cfbaedae221dc377a1c5335 はタグの開始マークと終了マークを表し、(?:.|\n)*? は 0 個以上の非改行文字と一致することを意味します。ここで、 (?:) はグループのコンテンツをキャプチャしないことを意味し、gm は正規表現の修飾子、g はグローバル一致を意味し、m は複数の行が一致することを意味します。

JavaScript コードを使用して次を置き換えます:

var htmlStr = 'HTML替换实例这是一段需要替换的HTML字符串，其中包含一些需要被替换的标签，比如这个标签，还有这个标签，需要转化成纯文本格式。';
var pureText = htmlStr.replace(/<(?:.|\n)*?>/gm, '');
console.log(pureText);

実行結果は次のとおりです:

HTML替换实例这是一段需要替换的HTML字符串，其中包含一些需要被替换的标签，比如这个标签，还有这个标签，需要转化成纯文本格式。

ご覧のとおり、すべての HTML タグがプレーンテキストに置き換えられています。

概要

Web サイト開発では、HTML 置換に正規表現を使用することが一般的な要件です。正規表現を使用して、文字列を迅速かつ効率的に置換します。正規表現内の記号と修飾子は異なる場合があり、特定のニーズに応じて決定する必要があることに注意してください。

以上がHTMLの定期的な置き換えの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：html 表示を隠す次の記事：html 表示を隠す

続きを見る