Dust.js转义字符

Question

我正在尝试打印一个换行符，并且根据Dust.js指南，在模板中，每个记录输出的末尾都有一个{~n

{#friends} {name}, {age}{~n}{/friends}

我编译了上面的模板，并使用几个JSON记录进行渲染，以生成“out”对象。我正在使用document.getElementById('divID').innerHTML动态替换基本DIV标记中的'out‘对象。问题是我无法打印{~n}中的换行符。我也尝试了{~r}，但还是不走运。有什么想法吗？

Answer 1

默认情况下，HTML会将相邻的空格(包括换行符)折叠为一个空格。默认情况下，对于大多数元素，a word和a \n word (或a \r word或a \r\n word )之间没有区别。解决方案是：

• 使用<br>元素添加<br>
• 将div上的样式设置为break

或者，您可以使用列表(对于您的用例，列表可能更具语义性，应该是首选)。

Answer 2

如果要呈现为HTML，则需要使用<br>标记而不是换行符。

Answer 3

您应该使用：

dust.optimizers.format = function(ctx, node) { return node };

看看https://github.com/linkedin/dustjs/wiki/Dust-Tutorial#controlling-whitespace-suppression