Cómo conservar nuevas líneas al mostrar un archivo de texto con jQuery

Question

Quiero buscar el contenido de un archivo de texto y he logrado hacerlo. Todo funciona, excepto por una cosa: detectar nuevas líneas.

Mi solución a buscar el contenido del archivo de texto:

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

El contenido del archivo de texto:

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> 

Como el resultado se parece en mi página:

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 

No sé cómo puedo usar print_r en jQuery, así que no puedo ver realmente cómo funcionan las líneas y parece ¿Alguien que sepa cómo puedo solucionar mi problema?

Answer 1

Añadir white-space:pre-line; a su contenedor:

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

demostración simplificada: http://jsfiddle.net/tF3Mb/1/

Si también desea mostrar todos los caracteres de espacio, utilice white-space:pre en lugar de pre-line: http://jsfiddle.net/tF3Mb/