如何使用jQuery显示文本文件时保留换行符

时间:2012-03-15 19:41:39

标签: jquery css line-breaks

我想获取文本文件的内容,我已设法做到这一点。一切都在工作,除了一件事 - 检测新线。

我在文本文件中获取内容的解决方案:

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

我不知道如何在jQuery中使用print_r所以我无法真正看到线条的真实外观。有谁知道如何解决我的问题?

1 个答案:

答案 0 :(得分:19)

white-space:pre-line;添加到您的容器中:

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

简化演示:http://jsfiddle.net/tF3Mb/1/

如果您还想显示所有空格字符,请使用white-space:pre代替pre-linehttp://jsfiddle.net/tF3Mb/