Как заменить все разрывы строк в строке элементами <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будут отображаться все новые строки (кроме последней новой строки после текста, см. Fiddle).

Без регулярного выражения:

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

Первая строка: найдите \nИЛИ, \r\nгде хотя бы 2 из них находятся в строке, например \n\n\n\n. Затем замените его на 2br

Вторая строка: поиск всех одинарных \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 это поможет вам каждый раз.

Не отвечая на конкретный вопрос, но я уверен, что это кому-то поможет ...

Если у вас есть вывод из PHP, который вы хотите визуализировать на веб-странице с использованием JavaScript (возможно, результат Ajax-запроса), и вы просто хотите сохранить пробелы и разрывы строк, попробуйте заключить текст в <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>