Html not rendering javascript breaklines as intended

Question

I have a json file which contains some texts, and some of these texts could have some breaklines

"surchargeNoteText":"Please note \r \n that pre-payments will take up to 2 business \r \n days to be allocated to your reservation",

I tried to use \\r and/or \\n and the result was this

So, the funny thing is that when inspecting the html, the output is right, with 2 break lines.

So, any tips here ?

Answer 1

Add below CSS will resolve your issue. Thanks

p.jss98 {
   white-space: pre-wrap;
}

Answer 2

Use the <pre> tag to keep the text formatted as you wish

 <pre> I am inside a pre Tag! <pre> 

Answer 3

在HTML中，您需要添加<br />来换行。

"surchargeNoteText":"Please note <br /> that pre-payments will take up to 2 business <br /> days to be allocated to your reservation",

Answer 4

Use   instead of \\r and <br/> instead of \\n . In HTML, \\r and \\n doesn't works.