我如何用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
其他回答
为了防止可能的脚本注入攻击，对其余文本进行编码也很重要
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'));
}
}
}
如果公认的答案不适合你，那么你可以尝试一下。
str.replace(new RegExp('\n','g'), '<br />')
这对我很管用。
这将把所有返回值转换为HTML
str = str.replace(/(?:\r\n|\r|\n)/g, '<br>');
如果你想知道什么意思? 它被称为非捕获组。这意味着括号内的正则表达式组不会保存在内存中以供以后引用。 你可以查看这些线程以获得更多信息: https://stackoverflow.com/a/11530881/5042169 https://stackoverflow.com/a/36524555/5042169
如果你从PHP中发送变量，你可以在发送之前通过这个获取它:
$string=nl2br($string);
不正则表达式:
str = str.split("\n").join("<br />");
