How do I turn \n into a <br> tag when pulling my JSON data?

Question

My JSON output currently looks like this:

"description":"MUSIC VIDEO - 7:13\n\nCREDITS\n\nLabel: Black Pain Records\nProduction Company: Idyll Films

I have this bit of jQuery to fetch and input as text:

$.getJSON("http://vimeo.com/api/oembed.json?url=http://vimeo.com/"+strip2+"&callback=?", function(json){ $('.creditText').text(json.description); });

strip2 is my vimeo id. Currently the output is all one line, I would like where the \n is to be converted into
tags, is this possible?

Felix Kling · Accepted Answer · 2011-12-06 09:53:15Z

7

you could do

json.description.replace(/\n/g, '<br/>')

edited Dec 6, 2011 at 9:53

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

answered Dec 6, 2011 at 9:34

Manuel van Rijn

10.3k1 gold badge33 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Felix Kling Over a year ago

You need a regular expression, otherwise only the first occurrence will be replaced.

kubetz · Accepted Answer · 2011-12-06 09:47:08Z

Try to replace the line $('.creditText').text(json.description); with:

$('.creditText').html(json.description.replace(/\n/g, "<br/>");

Please note that you need to change text() to html() so the <br/> elements will be inserted as HTML and shown on the page.

See the code.

can we use prepend or append instead of html? these two functions does the same thing

Gaurav Agrawal · Accepted Answer · 2011-12-06 09:36:03Z

use replace function of java-script for this...

$.getJSON("http://vimeo.com/api/oembed.json?url=http://vimeo.com/"+strip2+"&callback=?", function(json){ $('.creditText').text(json.description.replace('\n','<br>')); });

Collectives™ on Stack Overflow

How do I turn \n into a <br> tag when pulling my JSON data?

3 Answers 3

1 Comment

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Related