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

JavaScriptで改行を「タグ」に置き換えるにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-10 02:23:08
オリジナル
835 人が閲覧しました

How to Replace Line Breaks with `` Tags in JavaScript?

改行を
に置き換えます。 JavaScript を使用した要素

改行を
に変換する要素は HTML で複数行のテキストを表示するために不可欠です。これを JavaScript で実現するための、シンプルかつ効果的な解決策が存在します。

解決策:

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

正規表現の分解:

  • (?:rn|r|n): この非キャプチャ グループは次のいずれかに一致します。改行文字: CR LF (rn)、CR (r)、または LF (n)。

非キャプチャ グループ:

  • ?: 構文はグループを非キャプチャとしてマークします。これは、一致したテキストが将来のために保存されないことを意味します。 use.

例:

次の入力文字列を指定すると:

"This is man.

     Man like dog.
     Man like to drink.

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

JavaScript コードは改行を
タグを追加すると、次の HTML が生成されます。

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

追加メモ:

  • g フラグは、グローバルな検索と置換を実行するために使用され、すべてのタグが改行は変換されます。
  • 非キャプチャグループの詳細については、以下を参照してください。リソース:

    • https://stackoverflow.com/a/11530881/5042169
    • https://stackoverflow.com/a/36524555/5042169

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

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