Replace new line with HTML tag in JSON string

Question

I have a JSON string for example:

"\nReferenceNo:20,Amount:100\nReferenceNo:30,Amount:200"

now i want to replace \n with <br /> HTML tag. My code is given below

 var myJSONString = JSON.stringify(d.otherDetails);
 result=myJSONString.replace(RegExp("\n","g"), "<br />");
 alert(result);

How to do that?

Thanks in advance

"\n" is a new line character. Different OSes display them differently (e.g., Windown requires \r\n). Where are you trying to display it? In the browser? — vol7ron
– vol7ron, Commented Jul 12, 2014 at 13:47
I've taken the liberty of editing your question to fix references to line feeds. Most of them were wrong yet I don't think that fact affects the question (thus my edit). — Álvaro González
– Álvaro González, Commented Jul 12, 2014 at 13:50
BTW, I strongly suggest you edit data before encoding or after decoding. Fiddling with serialised data structures is seldom a good idea. — Álvaro González
– Álvaro González, Commented Jul 12, 2014 at 13:51
Right, he didn't specify he wanted to display the line break in the browser. It could have been the console or somewhere else on the server. — vol7ron
– vol7ron, Commented Jul 12, 2014 at 13:52

Alex · Accepted Answer · 2015-09-24 08:13:52Z

1

Try this:

result = myJSONString.replace(RegExp("\\n","g"), "\n");

It's because HTML is not interpreted in JSON and \n matches an actual new line, but \n matches an backslash followed by a n character.

Alex

10.3k6 gold badges36 silver badges62 bronze badges

answered Jul 12, 2014 at 13:48

Jacques Marais

212 bronze badges

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

Comments

Avinash Raj · Accepted Answer · 2014-07-12 13:45:57Z

0

Pattern:

\\n

Replacement string:

\n

answered Jul 12, 2014 at 13:45

Avinash Raj

175k32 gold badges247 silver badges289 bronze badges