Jak zachować znaki nowej linii podczas wyświetlania pliku tekstowego z jQuery

Question

Chcę pobrać zawartość pliku tekstowego i udało mi się to zrobić. Wszystko działa z wyjątkiem jednej rzeczy - wykrywania nowych linii.

Moje rozwiązanie, aby pobrać zawartość pliku tekstowego:

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

Zawartość pliku tekstowego:

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> 

Jak wynik wygląda na mojej stronie:

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 

Nie wiem, jak mogę użyć print_r w jQuery, więc nie mogę naprawdę zobaczyć, jak wiersze odnoszą się do Wygląda jak. Ktoś, kto wie, jak mogę rozwiązać mój problem?

Answer 1

Dodaj white-space:pre-line; do kontenera:

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

Zmniejsz demo: http://jsfiddle.net/tF3Mb/1/

Jeśli chcemy także pokazać wszystkie spacje, należy white-space:pre zamiast pre-line: http://jsfiddle.net/tF3Mb/