javascript - 尊重从 HTML 显示中的 API 响应返回的 "\n"换行符(和特殊字符)

Question

我正在通过返回以下格式字符串的 API 访问数据:

Hello this is some text.\n\nHere's some more that includes a phrase in \"quote marks\".\n\nAnd another thing:\n\n* Bullet point.\n* Bullet point.\n* Bullet point.\n* Fin.

这是一个 sinatra 应用程序，在我看来，我只是访问变量并用类似的东西显示它:

<%= thing.description %>

渲染时，实际上没有换行符。全部显示为单行。我不确定解决该问题的正确方法。有没有办法替换 \n与 <br>标签？还是别的？

Answer 1

您可以将字符串括在 <pre> 中 block (通常具有使用等宽字体的额外效果)，或者您可以将其包含在您选择的 block 中并使用 white-space: pre; 设置样式。 .