在转义的html中渲染换行符

Question

我们有一个默认情况下自动生成的显示消息,但可能会被来自网址的GET变量覆盖.由于我们需要将消息视为用户输入,因此必须将其转义以供显示.但是,我们希望保留包含换行符的功能.

换行符<br>
这不起作用,因为转义HTML会破坏<br>标记.

换行,因为\n
我无法弄清楚如何\n渲染为换行符.我认为将它放在标签中会正确呈现,但没有运气:http://jsfiddle.net/7L932/

Answer 1

设置包装器 html css 来white-space: pre-line为我解决问题。它启用\n字符的换行功能

Answer 2

转义HTML,然后替换\n为<br>.

如果你想使用\n,我会为你修复你的小提琴http://jsfiddle.net/hr3bg/

Answer 3

你所做的或多或少是好的，除了你应该\n在你的html中放置字符（换行符），而不是转义序列（Prinzhorn所说的也很有意义，所以我会去给他投票）。