小胡子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 allow only line breaks, escape other HTML。

Answer 3

white-space: pre-wrap，不是white-space: pre（否则不会转移长串）

Answer 4

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

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