Bir dizedeki tüm satır sonlarını <br /> öğeleriyle nasıl değiştiririm?

JavaScript ile bir değerden satır sonunu nasıl okuyabilir ve tüm satır sonlarını <br />öğelerle nasıl değiştirebilirim ?

Misal:

PHP'den aşağıdaki gibi geçen bir değişken:

  "This is man.

     Man like dog.
     Man like to drink.

     Man is the king."

JavaScript dönüştürdükten sonra sonucumun böyle bir şey görünmesini istiyorum:

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

Bu, tüm iadeleri HTML'ye dönüştürür

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

Merak ediyorsanız?: Anlamı. Buna yakalamayan grup denir. Bu, parantez içindeki normal ifade grubunun daha sonra başvurmak üzere belleğe kaydedilmeyeceği anlamına gelir. Daha fazla bilgi için bu konulara göz atabilirsiniz:
https://stackoverflow.com/a/11530881/5042169 https://stackoverflow.com/a/36524555/5042169

Endişeniz sadece çizgi çizgileri gösteriyorsa, bunu CSS ile yapabilirsiniz.

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

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

Not : Kod biçimlendirmesine ve girintisine dikkat edin, çünkü tüm yeni satırları white-space: pre-linegösterecektir (metinden sonraki son satır hariç, keman bölümüne bakın).

Normal ifade olmadan:

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

Bu, bir metin alanından gelen girdiler için çalışır

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

Kabul edilen cevap sizin için uygun değilse, deneyebilirsiniz.

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

Benim için çalıştı.

Sistemden bağımsız olarak:

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

Olası komut dosyası enjeksiyon saldırılarından korunmak için metnin geri kalanını kodlamak da önemlidir.

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

Değer bir TextBox'tan geldiğinde bu benim için çalıştı:

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

Maksimum izin vermek isteyenler için. <br>Arka arkaya 2 , bunu kullanabilirsiniz:

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

İlk satır: ara \nOR \r\nmesela bunlardan en az 2 üst üste vardır \n\n\n\n. Sonra 2 ile değiştirinbr

İkinci satır: Tüm single'ları arayın \r\nveya \ndeğiştirin<br>

değişkeni PHP'den gönderirseniz, göndermeden önce bunu bununla elde edebilirsiniz:

$string=nl2br($string);

Tüm yeni satırları mola ile değiştirecek

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

Tüm yeni hattı tek kesme hattıyla değiştirmek istiyorsanız

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

Regex hakkında daha fazla bilgi edinin: https://dl.icewarp.com/online_help/203030104.htm Bu size her zaman yardımcı olacaktır.

Belirli bir soruyu cevaplamıyor, ama eminim ki bu birisine yardımcı olacaktır ...

Bir web sayfasında JavaScript kullanarak oluşturmak istediğiniz PHP çıktısı (belki de bir Ajax isteğinin sonucu) varsa ve yalnızca beyaz boşluk ve satır sonlarını korumak istiyorsanız, metni bir <pre></pre> bloğun :

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

Deneyin

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>