使用jquery格式化文本文件

时间:2013-10-16 10:15:33

标签: javascript jquery html ajax file

这是我的问题,

我有一个文本文件,我正在使用jquery读取文件。

代码在这里

$(function() {
    $.get('files/james.txt', function(data) {
        $('.disease-details').html(data);
    }, 'text');
});

但我只获得纯文本,所有格式都消失了。

我想将所有输入转换为p标记。有可能吗?

3 个答案:

答案 0 :(得分:5)

你可以这样做:

$(function() {
     $.get('files/james.txt', function(data) {
        data = data.split("\n");
        var html;
        for (var i=0;i<data.length;i++) {
            html+='<p>'+data[i]+'</p>';
        }
        $('.disease-details').html(html);
    }, 'text');
});

上面用新行(文本 - “格式化”)拆分文本,并将每个块包装成<p> .. </p> ..完全按照要求。

答案 1 :(得分:2)

根据定义,纯文本文件没有格式化开头(因此&#34;普通&#34;部分)。

如果您指的是换行符,默认情况下不会以HTML格式呈现。为了解决这个问题,您可以使用<pre>标记来简单地包装文本,其中包括换行符,包括换行符。

例如:

$(function() {
    $.get('files/james.txt', function(data) {
        $('.disease-details').html($('<pre>').text(data)); // Text wrapped in <pre>
    }, 'text');
});

答案 2 :(得分:0)

您必须使用HTML标签预先格式化文件,或者只是从文本文件中获取数据并进行客户端格式化(使用模板或其他方式)。如果您提供文件中数据的样本,可以为您提供更好的指示