Как сохранить переводы строк при отображении текстового файла с помощью jQuery - PullRequest
Новая
       9

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

10 голосов
/ 15 марта 2012

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

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

$.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 Ответ

19 голосов
/ 15 марта 2012

Добавьте white-space:pre-line; в свой контейнер: 

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

Упрощенная демонстрация: http://jsfiddle.net/tF3Mb/1/

Если вы также хотите показать все пробелы, используйте white-space:pre вместо pre-line: http://jsfiddle.net/tF3Mb/

...