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, Jan 02 '11 at 20:03
possible duplicate of [display mysql newline in HTML](http://stackoverflow.com/questions/1882754/display-mysql-newline-in-html) — Tomalak, Jan 02 '11 at 20:07
You can see an example of using `.replace()` method here http://www.lampcoder.com/how-to-parse-line-breaks-using-jquery-post-method-and-json/ — Mihai Matei, Aug 16 '12 at 11:59

Ed Marty · Answer 1 · 2011-01-02T20:14:19.457

6

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 02 '11 at 20:14

answered Jan 02 '11 at 20:01

Ed Marty

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. – Phrogz Jan 02 '11 at 20:04
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
```
 tag.
```
– Ed Marty Jan 03 '11 at 00:17
I think you mean the CSS property `white-space` not `whitespace`. – Ludo - Off the record Aug 17 '22 at 16:01

score 5 · Accepted Answer · answered Jan 02 '11 at 20:06

5

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

answered Jan 02 '11 at 20:06

Phrogz

changed to foo.innerHTML = myObj.s.replace(/\n/g,"
"); – user285677 Jan 02 '11 at 20:17
you might need to escape the \ charater /\\n/g – benbyford Jun 19 '16 at 15:57
1

@benbyford No, you don't. – Phrogz Jun 19 '16 at 20:03
@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. – Phrogz Jun 20 '16 at 22:17
sorry was getting confused as \ is used to escape characters but maybe not in this context then it would appear – benbyford Jun 21 '16 at 21:10

score 2 · Answer 3 · answered Jan 02 '11 at 19:59

2

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

answered Jan 02 '11 at 19:59

calin

3 Answers3