使用 jQuery 显示文本文件时如何保留换行符答案

【问题标题】：How to preserve newlines when showing a text file with jQuery使用 jQuery 显示文本文件时如何保留换行符
【发布时间】：2012-04-01 09:19:15
【问题描述】：

我想获取一个文本文件的内容，我已经设法做到了。一切正常，除了一件事 - 检测新行。

我在文本文件中获取内容的解决方案：

$.ajax({
    url: '/nhagyavi/files/textfiles/changelog.txt',
    success: function(data) {
        $('#load-changelog').html('<div style="font-family: Courier New;">' + data + '</div>');
    }
});

文本文件的内容：

2012-03-15: Snabbfixar
- Detta är en fin liten rad som berättar vad som är nytt
- En till rad, tillsammans med en <a href="javascript:void(0)">länk</a>

结果在我的页面上的样子：

2012-03-15: Snabbfixar - Detta är en fin liten rad som berättar vad som är nytt - En till rad, tillsammans med en länk

我不知道如何在 jQuery 中使用 print_r，所以我无法真正看到这些线条的样子。谁知道我可以如何解决我的问题？

【问题讨论】：

标签： jquery css line-breaks

【解决方案1】：

将white-space:pre-line; 添加到您的容器中：

#load-changelog {
    white-space: pre-line;
}

简化演示：http://jsfiddle.net/tF3Mb/1/

如果您还想显示所有空格字符，请使用white-space:pre 而不是pre-line：http://jsfiddle.net/tF3Mb/

【讨论】：

谢谢！ :) 这个快速的解决方案就像一个魅力 ^^ 我会尽可能将你的答案标记为正确。