meteor :如何渲染换行符？

Question

我有以下变量:“hello↵↵world”。 (该值来自文本区域)

问题是当我要求 Meteor 用 {{content}} 显示它时，所有内容都出现在同一行上，并且不考虑换行符。

{{content}}

# renders
hello world

# should render
hello
world

Answer 1

如果您使用 bootstrap 使用 <pre>标签会带有一些你可能不想要的样式......如果你想避免这种情况，你可以用一些简单的 CSS 来解决这个问题:

.pre {
  white-space: pre;
}

然后用那个类包装你的内容:

<span class="pre">{{content}}</span>