javascript - 附加带有已发布 html 的 div 时，如何保持换行符完整？

Question

下面和上面是发生的 3 个步骤。

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

我想要的是当内容被附加/替换时，无论如何，它显示

1

2

在页面上而不是1 2

我尝试用 using 替换\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 />标签，它将格式化文本，包括所有空白。