如何识别 HTML 中的换行符 (\\n)

Question

我有一个应用程序，我在其中收到来自 REST Api 的评论字符串，如下所示

"comments":"This is a comment\nAnother comment\nOne more\nLast

我正在使用 p 标签显示它，但它无法识别换行符 (\n)。如何换行？

原文由 Protagonist 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这可能是CSS的问题，

如果您申请 white-space: pre-wrap ，那么它可能有助于确保您的换行符被识别。

请参阅其他 white-space 选项及其作用的文档。

https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

 const nodes = document.getElementsByTagName('p');

// Replacing the innerHtml because the newline chars aren't acknowledged if I define them in the HTML.
for(let n of nodes) {
  n.innerHTML = 'Here is \nSome example \nText with \nLine breaks.'
}

 p.no-breaks {
  white-space: nowrap;
  color: red;
}

p.with-breaks {
  white-space: pre-wrap;
  color: blue;
}

 <p class="no-breaks">This text will be replaced.</p>

<p class="with-breaks">This text will be replaced.</p>

原文由 jnotelddim 发布，翻译遵循 CC BY-SA 4.0 许可协议