javascript - 换行符被打印为html文本区域中的空白。我该如何解决

这是我的小型jquery脚本，我在其中附加接收到的数据。

$.get('HelloWorld', {'data' : data}, function(newLogs) {
    $('#logsid').append(newLogs);
    $('#logsid').scrollTop($('#logsid')[0].scrollHeight);
});

最佳答案

默认情况下，HTML将换行符显示为空格（并且多个空格折叠为一个空格）。将此规则添加到样式表中以保留空白...

#logsid {
    white-space: pre;
}

或者您可以在jQuery中执行此操作...

$('#logsid').css("white-space", "pre");

您也可以通过将logsid更改为<pre>元素来实现此目的。