json 请求 - div 中没有换行符

Question

我使用 json/jquery/ajax 将数据保存在数据库中。 当我在 textarea 中加载数据时，我得到了我想要的结果。 但是当我在 DIV 中加载数据时，没有换行符。 我用 css 测试了所有东西，包括

white-space:pre;

等等

我将数据保存在 json 中

"', 'text': '" + $('#textInput').val() +

但我也使用 .html() 和 .text() 对其进行了测试。

读取数据：

$('#textOutput').text(data.d.Text);

我在我的 div 中获得了正确的文本，但没有换行符！

文本输出的 CSS

.textOutput // <div> not working, <textarea> working
{
width:100%;
border: 0;
height: auto;
overflow:visible; // also tested with auto etc.
margin: 5px 8px 5px 0px;
font-family: Courier New, Courier;
font-size: 12px;
// white-space:pre;
}

输入的CSS是等价的

Answer 1

如果您使用的是 PHP，则必须调用 nl2br() 将 \n\r 更改为 <br /> 标记。您也可以通过data.d.Text.replace(/\n/g, "<br />");

在 Javascript 中执行此操作

对于 ASP，您可以使用.Replace("\n", "<br />")。