小胡子js断线

Question

我正在将带有换行符的文本传递给小胡子，但是没有显示渲染换行符。 请告诉我，如何在文本中添加换行符。

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

我将它传递给Mustache进行渲染，并期望它应该像打印一样

test1
test2
test3

但实际结果是test1test2test3渲染时。

谢谢。

Answer 1

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

Answer 2

在我看来，最好的方法是将以下CSS应用于要使用换行符显示的元素：

white-space: pre;

这样，所有\\n实际上都会显示为换行符。 还有其他处理方法，例如，请参阅Mustache.js仅允许换行，转义其他HTML 。

Answer 3

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

Answer 4

新行字符不会在HTML中呈现，您可以使用<br>代替：

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