json-запрос - без разрывов строк в div

Я сохраняю данные в базе данных с помощью json / jquery / ajax. Когда я загружаю данные в текстовое поле, я получаю желаемый результат. Но когда я загружаю данные в DIV, разрывы строк отсутствуют. Я тестировал все с помощью css, включая

white-space:pre;

и т.п.

Я сохраняю данные в json с помощью

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

но я также тестировал его с помощью .html () и .text ().

Чтение данных:

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

Я получаю текст corect в своем 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 ввода эквивалентен


json jquery ajax line-breaks
person Keith L.    schedule 29.11.2011    source источник
comment
что вы используете для своей базы данных? php?   -  person Anil    schedule 29.11.2011

Ответы (1)


arrow_upward
5
arrow_downward

Если вы используете PHP, вам нужно сделать вызов nl2br(), чтобы изменить \n\r на тег <br />. Вы также можете сделать это в Javascript от data.d.Text.replace(/\n/g, "<br />");

Для ASP вы можете использовать .Replace("\n", "<br />").

person Niels    schedule 29.11.2011
comment
это то, что вам нужно, но альтернатива asp.net - person Anil; 29.11.2011
comment
работает - спасибо! (ответ может / будет принят через 3 мин.) - person Keith L.; 29.11.2011