小胡子js断线

Question

I am passing a text with line break to mustache but while rendering the line breaks are not shown. Please let me know , how to add line breaks in the text.

var test ="test1"+"\n"+"test2"+"\n"+"test3".

I am passing this to Mustache for rendering and expecting this should get printed like

test1
test2
test3

But the actual result is test1test2test3 while rendering this.

Thanks.

Answer 1

你应该使用<br>但是在你的小胡子模板中你必须使用{{{myString}}}来逃避html

Answer 2

The best approach, in my opinion, is to apply the following CSS to the element you want to show with line breaks:

white-space: pre;

That way, all the \\n will actually show as line breaks. There are also other ways of handling this, for example see Mustache.js allow only line breaks, escape other HTML .

Answer 3

white-space: pre-wrap ，not white-space: pre （否则不传输长字符串）

Answer 4

New lines characters are not rendered in HTML, you ma use <br> instead:

var test ="test1"+"<br>"+"test2"+"<br>"+"test3"
var test ="test1<br>test2<br>test3"