Cách giữ nguyên dòng mới khi hiển thị tệp văn bản với jQuery

Question

Tôi muốn tìm nạp nội dung của tệp văn bản và tôi đã quản lý để làm điều đó. Mọi thứ đều hoạt động ngoại trừ một điều - phát hiện ra các dòng mới.

Giải pháp của tôi để lấy nội dung trong tập tin văn bản:

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

Nội dung của tập tin văn bản:

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> 

Làm thế nào kết quả trông giống như trên trang của mình:

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 

Tôi không biết làm thế nào tôi có thể sử dụng print_r trong jQuery vì vậy tôi không thể thực sự thấy cách các dòng reall y trông như thế. Bất cứ ai biết làm thế nào tôi có thể sửa chữa vấn đề của tôi?

Answer 1

Thêm white-space:pre-line; để container của bạn:

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

Giản demo: http://jsfiddle.net/tF3Mb/1/

Nếu bạn cũng muốn hiển thị tất cả các ký tự không gian, sử dụng white-space:pre thay vì pre-line: http://jsfiddle.net/tF3Mb/