我如何用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."
当前回答
对于那些只允许max的人。2 <br>，你可以用这个:
let text = text.replace(/(\r?\n){2,}/g, '<br><br>');
text = text.replace(/(\r?\n)/g, '<br>');
第一行:搜索至少有两个在一行中的\n OR \r\n，例如\n\n\n。然后把它换成2br
第二行:搜索所有单个\r\n或\n并将它们替换为<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'));
}
}
}
不管系统如何:
my_multiline_text.replace(/$/mg,'<br>');
最短的代码支持最常见的EOL样式\r， \n， \r\n，并使用HTML5 <br>:
s.replace(/\r?\n|\r/g, '<br>')
如果你从PHP中发送变量，你可以在发送之前通过这个获取它:
$string=nl2br($string);
如果你关心的只是显示换行符，你可以用CSS来实现。
<div style="white-space: pre-line">Some test
with linebreaks</div>
Jsfiddle: https://jsfiddle.net/5bvtL6do/2/
注意:注意代码格式和缩进，因为空格:pre-line将显示所有换行符(除了文本后的最后一个换行符，参见fiddle)。
