Formatting text file using jquery

Question

Here is my question,

I have a text file and I am reading the file using jquery.

the code is here

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

but I am getting only plain text and all formatting is disappearing.

I want to convert all the enter in to p tag. is it possible?

something like this? http://stackoverflow.com/questions/1155678/javascript-string-newline-character — Tim Vermaelen, Oct 16 '13 at 10:18
my text is not html text. I have only text with 3 paragraph it is separated with only enter — Sujith Wayanad, Oct 16 '13 at 10:25

davidkonrad · Accepted Answer · 2013-10-16T10:33:15.117

You can do this :

$(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');
});

The above splits up the text by new line (the text-"formatting") and wraps each chunk into a <p> .. </p> .. Exactly as requested.

Boaz · Answer 2 · 2013-10-16T10:31:02.383

2

By definition, a plain-text file has no formatting to begin with (hence the "plain" part).

If you mean newline characters, those are not rendered in HTML by default. To overcome this, you can simply wrap your text with a <pre> tag which among other things is rendered including newline characters.

For example:

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

edited Oct 16 '13 at 10:31

answered Oct 16 '13 at 10:19

Boaz

19,892
8
62
70

my text is not html text. I have only text with 3 paragraph it is separated with only enter – Sujith Wayanad Oct 16 '13 at 10:25
When you press the "Enter" key, you're actually inserting a newline character in to the text file. The browser does not show these characters, unless you're using the `pre` tag. Note the difference in `html($('pre').text(data))`. – Boaz Oct 16 '13 at 10:26

score 0 · Answer 3 · answered Oct 16 '13 at 10:18

You will either have to get the file pre-formatted using HTML tags / or just get the data from the text file and do a client side formatting ( using templates or otherwise ). Can give you better pointers if you give sample of what the data in the file would look like

Formatting text file using jquery

3 Answers3