How to use a text file's contents in HTML as text

Question

I am making a website template and I though of a cool new trick to save time when changing large text files. I want to have a separate plain text document that when the page loads, it contents will be transferred to my paragraph.

Example:

The text document:

Introducing the new red glasses.

The paragraph's text will be loaded and be the same as the text documents like so:

<p> Introducing the new red glasses. </p>

So how can I do something like this? Is it even possible? I am willing to use HTML, CSS, jQuery and Javascript.

You can use PHP to include the content within the page template. Javascript is not the way to go. You want to do this on the server side. Maybe you need a content managment system like WordPress. — Marc Audet, Jul 05 '14 at 15:15

Dirk · Accepted Answer · 2014-07-05T14:50:35.667

0

You could use AJAX:

$.get( "mytext.txt", function( txt ) {
    $( "#myParagraph" ).text( txt );
});

You will need to host your HTML from a server, or otherwise it won't work

edited Jul 05 '14 at 14:50

answered Jul 05 '14 at 14:45

Dirk

2,094
3
25
28

I said the I am only willing to use jQuery and Javascript if possible as I am not familiar with AJAX. However if this is the only way to do it, then thank you. – Lae Jul 05 '14 at 14:46
It should be `.text()`, not `.html()`. – Barmar Jul 05 '14 at 14:46
you're right, i'll change it – Dirk Jul 05 '14 at 14:50

How to use a text file's contents in HTML as text

1 Answers1