如果附加带有发布的html的div，我如何保持换行符不变？

Question

以下是发生的事情的3个步骤。

var newcontent = $("#commenthere").val();
alert(newcontent)
$('#commentarea').replaceWith(newcontent);

我想要的是当内容被添加/替换时，无论它显示什么

  

1

     

2

在页面上

而不是1 2

我尝试使用\n将<br>替换为replace，但它不起作用，因为它会导致语法错误，因为它会将javascript代码移动到新行，从而破坏了该功能。

Answer 1

设置div的样式  white-space: pre应该解决这个问题。

Answer 2

这对我有用：

str = str.replace( '\n', '<br>' );

现场演示： http://jsfiddle.net/QvFdy/1/

Answer 3

听起来你需要一个<pre />标签，它会格式化文本，包括所有空白区域。