输入Character应该在html中打印一个新行

Question

我在api响应中将"First Line.↵Second Line↵"作为字符串获取。我想在<span>{{apiText}}</span>之类的html网页中进行此操作并打印。其中apiText是一个javascript变量，其值为"First Line.↵Second Line↵"。但是文本只出现在一行上。如何将↵转换为打印中断的格式。

Answer 1

该cr字符为\n。

您可以使用<br>代码替换那些。

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

并在模板中：

{{{refinedText}}

Answer 2

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

如果您使用的是Ember.js，请尝试使用3个大括号：<span>{{{apiText}}}</span>