Json result to html (Newline)

Question

If I set the following string into a div how can I get the newline working at HTML?

 { "s":"Phrase1.\n\nPhrase2" }

Thanks.

@user285677 Few people will want to help you if you don't accept valid answers to your questions. — Phrogz
– Phrogz, Commented Jan 2, 2011 at 20:03
You can see an example of using .replace() method here lampcoder.com/… — Mihai Matei
– Mihai Matei, Commented Aug 16, 2012 at 11:59

Ed Marty · Accepted Answer · 2011-01-02 20:14:19Z

7

Wrap preformatted text in <pre> tags:

<pre>{ "s":"Phrase1.\n\nPhrase2" }</pre>

Shows up as:

{ "s":"Phrase1. Phrase2" }

Edit: Another option would be to set the div's style or class to behave the same as a pre tag:

<div style="whitespace:pre"/>

edited Jan 2, 2011 at 20:14

answered Jan 2, 2011 at 20:01

Ed Marty

39.7k19 gold badges110 silver badges160 bronze badges

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

3 Comments

Phrogz Over a year ago

Given that the subject and tag includes "JSON" I assume the OP is accessing an s property of a JSON return value and setting text to that value.

Ed Marty Over a year ago

Well, it is a json-formatted string. It may have nothing to do with Javascript JSON object. Even if it does, you could still wrap the contents in a <pre> tag.

Ludo - Off the record Over a year ago

I think you mean the CSS property white-space not whitespace.

Phrogz · Accepted Answer · 2011-01-02 20:06:05Z

5

foo.innerHTML = myObj.s.replace(/\n/g,"<br>");

answered Jan 2, 2011 at 20:06

Phrogz

304k115 gold badges669 silver badges758 bronze badges

5 Comments

user285677 Over a year ago

changed to foo.innerHTML = myObj.s.replace(/\n/g,"<br />");

benbyford Over a year ago

you might need to escape the \ charater /\\n/g

Phrogz Over a year ago

@benbyford No, you don't.

Phrogz Over a year ago

@benbyford The OP's code shows a single ASCII newline character. In a literal regex, that is represented as \n. If you wrote /\\n/ it would match two ASCII characters, a backslash followed by a letter n.

benbyford Over a year ago

sorry was getting confused as \ is used to escape characters but maybe not in this context then it would appear

calin · Accepted Answer · 2011-01-02 19:59:31Z

2

{"s", "phrase1.<br /><br />"phrase2"}

answered Jan 2, 2011 at 19:59

calin

585 bronze badges

Collectives™ on Stack Overflow

Json result to html (Newline)

3 Answers 3

3 Comments

5 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

5 Comments

Comments

Linked

Related