Как сохранить символы новой строки при показе текстового файла с помощью jQuery

Я хочу получить содержимое текстового файла, и мне это удалось. Все работает, кроме одного - обнаруживает новые строки.

Мое решение для извлечения содержимого в текстовом файле:

$.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

Я не знаю, как я могу использовать print_r в jQuery, поэтому я не могу понять, как выглядят строки. Кто знает, как я могу исправить свою проблему?

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/

licensed under cc by-sa 3.0 with attribution.