JavaScript 将 \n 替换为 [重复]答案

【问题标题】：JavaScript replace \n with [duplicate]JavaScript 将 \n 替换为 [重复]
【发布时间】：2011-07-01 21:06:24
【问题描述】：

var messagetoSend = $.trim(document.getElementById("msgText").value);
messagetoSend = messagetoSend.replace("\n", "<br />");
alert(messagetoSend);

给定输入：

Line 1


Line 2




Line 3

此提醒：

Line 1<br />


Line 2




Line 3

当我希望它发出警报时：

Line 1<br /><br /><br />Line 2<br /><br /><br /><br /><br />Line 3

【问题讨论】：

鉴于字符串是 html 而不是纯文本，只需设置它的样式，以便 \n 导致换行，white-space: pre; 否则你最终会破坏包含 \n 的实体，如果它实际上是文本，恭喜你现在拥有一个 XSS 漏洞。

【解决方案1】：

global matching 需要 /g

replace(/\n/g, " ");

这对我有用 \n - 如果您可能有 \r\n，请参阅 this answer

注意：The dupe 是\r\n、\r 或\n 任意组合的最完整答案

var messagetoSend = document.getElementById('x').value.replace(/\n/g, "<br />");
console.log(messagetoSend);

<textarea id="x" rows="9">
    Line 1
    
    
    Line 2
    
    
    
    
    Line 3
</textarea>

更新

似乎这个问题的一些访问者的文本带有折线转义为

一些文本\r\n超过一行"

在这种情况下，您需要转义斜杠：

replace(/\\r\\n/g, " ");

注意：所有浏览器在渲染时都会忽略字符串中的\r。

【讨论】：

【解决方案2】：

处理任一类型的换行符

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

【讨论】：

【解决方案3】：

对.replace()使用正则表达式：

messagetoSend = messagetoSend.replace(/\n/g, "<br />");

如果这些换行符是由 windows 编码进行的，您还必须替换 carriage return。

messagetoSend = messagetoSend.replace(/\r\n/g, "<br />");

【讨论】：