如何在使用jQuery顯示文本文件時保留換行符

Question

我想獲取文本文件的內容，並且我設法做到這一點。除了一件事之外，一切都在發揮作用 - 檢測新的線路。

我的解決方案來獲取文本文件中的內容：

$.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，所以我不能真正看到線條是如何重新你看起來像。任何人知道我能如何解決我的問題？

Answer 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/