小胡子js换行符

Question

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

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

我将其传递给 Mustache 进行渲染，并希望它能够像

一样被打印出来

test1
test2
test3

但渲染时的实际结果是 test1test2test3。

谢谢。

Answer 1

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

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

Answer 2

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

Answer 3

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

white-space: pre;

这样，所有 \n 实际上都会显示为换行符。还有其他处理方法，例如参见 [​​=12=].

Answer 4

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