输入字符应该在 html 中打印一个新行答案

【问题标题】：Enter Character should print a new line in html输入字符应该在 html 中打印一个新行
【发布时间】：2017-08-01 19:12:09
【问题描述】：

我在 api 响应中得到 "First Line.↵Second Line↵" 作为字符串。我想把它打印在像 {{apiText}} 这样的 html 网页中。其中 apiText 是一个 JavaScript 变量，其值为"First Line.↵Second Line↵"。但是文本只出现在一行上。如何将↵ 转换为打印中断的格式。

【问题讨论】：

也许你应该分享你的js代码...
我正在使用 ember，所以在控制器中我获取文本并存储在 apiText = "First Line.↵Second Line↵" 然后在 html 中我只是在 span 中引用 apiText
stackoverflow.com/questions/19473021/…的可能重复
使用{{{ 非常谨慎，这可能会导致安全风险。参考guides.emberjs.com/v2.11.0/templates/writing-helpers/…
您可以将其包装在<pre>中。

标签： javascript html ember.js

【解决方案1】：

当您将变量附加到 span 时。将其附加为 innerHTML 而不是 innerText

如果您使用 Ember.js，请尝试使用 3 个花括号：{{{apiText}}}

【讨论】：

【解决方案2】：

那个cr字符是\n。

你可以用 标签替换那些。

refinedText: Ember.computed('apiText', function(){
  return this.get('apiText').replace('\n', '<br>');
})

在模板中：

{{{refinedText}}

【讨论】：