Mustache js 换行

17 浏览
0 Comments

Mustache js 换行

我在将带有换行符的文本传递给mustache时，渲染时并没有显示换行符。请告诉我如何在文本中添加换行符。

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

我将其传递给Mustache进行渲染，并期望输出如下：

test1
test2
test3

但实际结果是test1test2test3。

谢谢。

0

3 答案

0 Comments

问题出现的原因是使用了错误的CSS属性值white-space: pre，而正确的应该是white-space: pre-wrap。如果使用错误的属性值white-space: pre，长字符串将无法换行。

解决方法是将CSS属性值修改为white-space: pre-wrap。这样可以保持原始字符串的格式，同时允许长字符串在需要的地方进行换行。

0
0 Comments

问题原因：

出现(Mustache js line break)这个问题的原因是在Mustache模板中，如果要使用换行符进行换行，应该使用`
`标签。但是在Mustache模板中，为了防止XSS攻击，需要使用`{{{myString}}}`来转义HTML标签。

解决方法：

解决(Mustache js line break)这个问题的方法是在Mustache模板中使用`{{{myString}}}`来转义HTML标签，以便正确显示换行。

0
0 Comments

问题原因：

在使用Mustache.js时，如果要展示带有换行符的文本，会发现换行符并不会被正确地识别为换行，而是被转义为普通的文本。

解决方法：

通过在需要显示换行的元素上应用以下CSS样式：white-space: pre;，可以使所有的\n被正确地显示为换行符。除此之外，还有其他处理方法，可以参考Mustache.js allow only line breaks, escape other HTML中的回答。

0