文字列内のすべての改行を<br />要素に置き換えるにはどうすればよいですか？

JavaScriptで値から改行を読み取り、すべての改行を<br />要素で置き換えるにはどうすればよいですか？

例：

以下のようにPHPから渡される変数：

  "This is man.

     Man like dog.
     Man like to drink.

     Man is the king."

JavaScriptが変換した後の結果は次のようになります。

  "This is man<br /><br />Man like dog.<br />Man like to drink.<br /><br />Man is the king."

これはすべてのリターンをHTMLに変えます

str = str.replace(/(?:\r\n|\r|\n)/g, '<br>');

？：が何を意味するのか疑問に思われる場合。それは非捕獲グループと呼ばれます。つまり、括弧内の正規表現のグループは、後で参照するためにメモリに保存されません。詳細については、これらのスレッドをチェックしてください：
https : //stackoverflow.com/a/11530881/5042169 https://stackoverflow.com/a/36524555/5042169

改行を表示するだけの場合は、CSSを使用してこれを行うことができます。

<div style="white-space: pre-line">Some test
with linebreaks</div>

Jsfiddle：https ://jsfiddle.net/5bvtL6do/2/

注：white-space: pre-lineはすべての改行を表示するため、コードのフォーマットとインデントに注意してください（テキストの後の最後の改行を除きます。フィドルを参照）。

正規表現なし：

str = str.split("\n").join("<br />");

これはテキストエリアからの入力に対して機能します

str.replace(new RegExp('\r?\n','g'), '<br />');

受け入れられた回答が正しく機能しない場合は、試してみてください。

str.replace(new RegExp('\n','g'), '<br />')

それは私のために働いた。

システムに関係なく：

my_multiline_text.replace(/$/mg,'<br>');

スクリプトインジェクション攻撃の可能性から保護するために、残りのテキストをエンコードすることも重要です

function insertTextWithLineBreaks(text, targetElement) {
    var textWithNormalizedLineBreaks = text.replace('\r\n', '\n');
    var textParts = textWithNormalizedLineBreaks.split('\n');

    for (var i = 0; i < textParts.length; i++) {
        targetElement.appendChild(document.createTextNode(textParts[i]));
        if (i < textParts.length - 1) {
            targetElement.appendChild(document.createElement('br'));
        }
    }
}

これは、値がTextBoxから来たときに私にとってうまくいきました：

string.replace(/\n|\r\n|\r/g, '<br/>');

ちょうど最大を許可したい人のために。2 <br>行続けて、これを使用できます。

let text = text.replace(/(\r?\n){2,}/g, '<br><br>');
text = text.replace(/(\r?\n)/g, '<br>');

1行目：\nORを検索し\r\n、そのうちの少なくとも2つが連続している場合\n\n\n\n。次に2に置き換えますbr

2行目：すべての単一\r\nまたは\nを検索し、それらを<br>

PHPから変数を送信する場合、送信する前にこれで取得できます。

$string=nl2br($string);

新しい行をすべて改行で置き換えます

str = str.replace(/\n/g, '<br>')

すべての新しい行を単一の改行で置き換える場合

str = str.replace(/\n*\n/g, '<br>')

Regexの詳細については、https：//dl.icewarp.com/online_help/203030104.htmを参照してください。 これはいつでも役立ちます。

特定の質問には答えませんが、これは誰かを助けると確信しています...

JavaScriptを使用してWebページにレンダリングしたい（おそらくAjaxリクエストの結果）PHPからの出力があり、空白と改行を保持したいだけの場合は、テキストを<pre></pre>ブロック内で囲むことを検討してください。

var text_with_line_breaks = retrieve_some_text_from_php();
var element = document.querySelectorAll('#output');
element.innerHTML = '<pre>' + text_with_line_breaks + '</pre>';

試す

let s=`This is man.

     Man like dog.
     Man like to drink.

     Man is the king.`;
     
msg.innerHTML = s.replace(/\n/g,"<br />");

<div id="msg"></div>