Wie ersetze ich alle Zeilenumbrüche in einer Zeichenfolge durch <br /> Elemente?

Wie kann ich den Zeilenumbruch aus einem Wert mit JavaScript lesen und alle Zeilenumbrüche durch <br />Elemente ersetzen ?

Beispiel:

Eine von PHP wie folgt übergebene Variable:

  "This is man.

     Man like dog.
     Man like to drink.

     Man is the king."

Ich möchte, dass mein Ergebnis nach der Konvertierung durch JavaScript ungefähr so ​​aussieht:

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

Dadurch werden alle Rückgaben in HTML umgewandelt

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

Falls Sie sich fragen, was ?: Bedeutet. Es wird als nicht erfassende Gruppe bezeichnet. Dies bedeutet, dass eine Gruppe von Regex in Klammern nicht im Speicher gespeichert wird, auf den später verwiesen wird. Weitere Informationen finden Sie in diesen Threads:
https://stackoverflow.com/a/11530881/5042169 https://stackoverflow.com/a/36524555/5042169

Wenn in Ihrem Unternehmen nur Zeilenumbrüche angezeigt werden, können Sie dies mit CSS tun.

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

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

Hinweis : Achten Sie auf die Code-Formatierung und das Einrücken, da dies white-space: pre-lineangezeigt wird alle Zeilenumbrüche ( mit Ausnahme des letzten Newline nach dem Text finden Geige).

Ohne Regex:

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

Dies funktioniert für Eingaben aus einem Textbereich

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

Wenn die akzeptierte Antwort für Sie nicht richtig funktioniert, können Sie es versuchen.

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

Es hat bei mir funktioniert.

Unabhängig vom System:

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

Es ist auch wichtig, den Rest des Textes zu codieren, um sich vor möglichen Skriptinjektionsangriffen zu schützen

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'));
        }
    }
}

Dies funktionierte für mich, als der Wert von einer TextBox kam:

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

Für diejenigen unter Ihnen, die nur max. 2 <br>in einer Reihe können Sie dies verwenden:

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

Erste Zeile: Suchen Sie nach \nODER, \r\nwenn sich mindestens 2 davon in einer Reihe befinden, z \n\n\n\n. Dann ersetzen Sie es durch 2br

Zweite Zeile: Suchen Sie nach allen einzelnen \r\noder \nund ersetzen Sie sie durch<br>

Wenn Sie die Variable von PHP senden, können Sie sie damit vor dem Senden erhalten:

$string=nl2br($string);

Es wird alle neuen Zeilen durch Unterbrechungen ersetzen

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

Wenn Sie alle neuen Zeilen durch einzelne Unterbrechungszeilen ersetzen möchten

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

Lesen Sie mehr über Regex: https://dl.icewarp.com/online_help/203030104.htm Dies wird Ihnen jederzeit helfen.

Ich beantworte die spezifische Frage nicht, aber ich bin sicher, dass dies jemandem helfen wird ...

Wenn Sie eine Ausgabe von PHP haben, die Sie mit JavaScript auf einer Webseite rendern möchten (möglicherweise das Ergebnis einer Ajax-Anforderung), und nur Leerzeichen und Zeilenumbrüche beibehalten möchten, sollten Sie den Text in einen <pre></pre>Block einschließen :

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

Versuchen

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>