Come conservare le newline quando si mostra un file di testo con jQuery

Question

Voglio recuperare il contenuto di un file di testo e sono riuscito a farlo. Tutto funziona tranne una cosa: rilevare nuove linee.

La mia soluzione per recuperare il contenuto del file di testo:

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

Il contenuto del file di testo:

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> 

Come il risultato appare come sulla mia pagina:

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 

Non so come posso usare print_r in jQuery, quindi non riesco davvero a vedere come le righe reall sembra. Qualcuno che sa come posso risolvere il mio problema?

Answer 1

Aggiungi white-space:pre-line; al contenitore:

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

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

Se anche voi volete mostrare tutti i caratteri di spazio, utilizzare white-space:pre invece di pre-line: http://jsfiddle.net/tF3Mb/