显示文字时丢失换行符

关颖

我可以在Chrome开发者工具中看到字符串的换行符“↵”

<br>↵↵<br>Event Status: confirmed↵<br>Event Description: Hog Day (Night )and Hog Day (Day)↵↵Friday...

如果我双击它并粘贴到记事本，则保留换行符。

当我将字符串保存到这样的对象时，

var summary = el.find("summary").text();
var volunteerEvent = {title: title, summary: summary}

并最终将其显示在页面上，

$('#volunteerEventDescription').empty().html(event.summary);

换行符消失了，这是大量的文本。

我如何保留换行符？

苏门

我看到两个明显的选择。哪一种最适合您，取决于对所需格式的控制程度。

使用pre标记，新行将受到尊重。pre用于预格式化的文本，并且将使用非比例字体，因此它可能无法如您所愿地呈现。有关更多详细信息，请参阅MDN上的pre。
用br标签替换新行。您可以使用正则表达式执行此操作：stringValue.replace(/\n/g, '<br/>')。另一个问题提供了一个更强大的正则表达式：jQuery将换行符转换为br（等效于nl2br）。