Как сохранить пробелы и новую строку в JQuery добавить текст

Question

Я отправляю текстовую область, используя ajax, и когда я добавляю ответ к классу, он показывает пустышку, только если в текстовой области нет новой строки.

HTML

   <p id="updateres_n"></p>
   <div class="update_res"></div>

ajax code

success: function(response){
     document.getElementById('upd_msg').innerHTML="updated";
     $('.update_res').append(response);
  }  

php code

Сначала вставляется текстовая область и print_r новый обновленный текст в javascript

<script>
 document.getElementById('updateres_n').innerHTML="<?php print_r (nl2br($updated_text));?>";
</script>

Answer 1

Вы можете достичь этого с помощью CSS, используйте это, и все готово ...

.update_res {
    white-space: pre-wrap;
}

также передайте этот CSS текстовой области также ...