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

前端之家收集整理的这篇文章主要介绍了当使用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

我不知道如何在jQuery中使用print_r,所以我无法真正看到这些行真的如何.谁知道如何解决我的问题?

解决方法

添加白色空间:pre-line;到你的容器:
#load-changelog {
    white-space: pre-line;
}

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

如果您还想显示所有空格字符,请使用white-space:pre而不是pre-line:http://jsfiddle.net/tF3Mb/

猜你在找的jQuery相关文章