小胡子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（否则不会传输长字符串）