小胡子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

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

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

Answer 4

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