Как заменить все разрывы строк в строке тегами?

Question

Как заменить все разрывы строк в строке тегами?

как я могу прочитать разрыв строки из значения с помощью 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."

382 10

javascript

10 ответов:

Comments

Ничего не найдено.

eyelidlessness · Accepted Answer · 2018-08-29 10:45:01

это превратит все возвращается в HTML
str = str.replace(/(?:\r\n|\r|\n)/g, ' ');

bersling · Accepted Answer · 2017-11-10 13:03:29

Если ваша забота просто отображает разрывы линий, вы можете сделать это с помощью CSS.

HTML
<div class="white-space-pre">Some test
with linebreaks</div>
CSS
.white-space-pre {
 white-space: pre-wrap;
}
jsfiddle https://jsfiddle.net/yk1angkz/125/

Примечание: обратите внимание на форматирование кода и отступы, так как white-space: pre-wrap появится все пробелы (за исключением последней новой строки после текста, см. fiddle).

paulslater19 · Accepted Answer · 2011-12-07 11:23:56

без регулярных выражений:
str = str.split("\n").join(" ");

WSkinner · Accepted Answer · 2013-11-21 21:12:14

это работает для ввода, поступающего из текстового поля
str.replace(new RegExp('\r?\n','g'), ' ');

Jethro Larson · Accepted Answer · 2013-01-17 01:12:13

если принятый ответ не работает для вас, то вы можете попробовать.
str.replace(new RegExp('\n','g'), ' ')
это сработало для меня.

Michele Ongaro · Accepted Answer · 2014-11-27 23:09:09

независимо от системы:
my_multiline_text.replace(/$/mg,' ');

Dmitry Dzygin · Accepted Answer · 2012-06-26 14:45:42

также важно закодировать остальную часть текста для защиты от возможных атак внедрения скрипта

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

Max · Accepted Answer · 2017-03-03 19:47:50

для тех из вас, кто просто хочет привести максимум. 2   в строке, вы можете использовать это:
let text = text.replace(/(\r?\n){2,}/g, ' ');
text = text.replace(/(\r?\n)/g, ' ');
первая строка: ищите \n или \r\n, где по крайней мере 2 из них подряд, например,\n\n\n\n. Затем замените его на 2 br

вторая строка: поиск всех одиночных \r\n или \n и заменить их  

Dr. Aaron Dishno · Accepted Answer · 2015-02-26 22:35:31

это сработало для меня, когда значение пришло из текстового поля:
string.replace(/\n|\r\n|\r/g, ' ');

Luca C. · Accepted Answer · 2017-05-10 18:57:34

Если вы отправляете переменную из PHP, вы можете получить ее с помощью этого перед отправкой:
$string=nl2br($string);