ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で改行を HTML ` タグに変換するにはどうすればよいですか?

JavaScript で改行を HTML ` タグに変換するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-04 12:41:11
オリジナル
456 人が閲覧しました

How Can I Convert Line Breaks to HTML `` Tags in JavaScript?

JavaScript での改行の HTML 要素への変換

JavaScript では、文字列内のすべての改行を HTML に変換できます
正規表現を使用した要素。これは、書式設定を維持した複数行のテキストを表示する場合に便利です。

実装:

すべての改行を
に置き換えます。要素には、次の正規表現を使用します:

str.replace(/(?:\r\n|\r|\n)/g, '<br />');
ログイン後にコピー

説明:

  • (?:rn|r|n): これは、すべてのタイプの線に一致します。 Windows (rn)、Mac (r)、Linux (n) を含むブレーク。
  • g: g フラグは置換をグローバルにし、適用します。

例:

次の値を持つ変数 str を考えます:

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."
ログイン後にコピー

After置換を適用すると、結果は次のようになりますbe:

"This is man<br /><br />Man like dog.<br />Man like to drink.<br /><br />Man is the king."
ログイン後にコピー

非キャプチャ グループ:

改行パターンを囲む ?: 構文は、非キャプチャ グループを作成します。これは、改行文字が後で参照できるようにメモリにキャプチャされないことを意味し、大きな文字列のパフォーマンスを向上させることができます。

以上がJavaScript で改行を HTML ` タグに変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート