IE - как сохранить пустое пространство в текстовой области, ввод с помощью строки JavaScript

Question

FF и Chrome ведут себя хорошо, но IE (8) не сохраняет пробелы в моем отформатированном коде, который я помещаю в TEXTAREA

<textarea id="vdt_table_textarea" style="white-space: pre"></textarea>

и

var vdt_demo_table_string = '<table id="example" class="display">\n\
  <thead>\n\
    <tr>\n\
      <th>Rendering engine</th>\n\
      <th>Browser</th>\n\
      <th>Platform(s)</th>\n\
      <th>Engine version</th>\n\
      <th>CSS grade</th>\n\
    </tr>\n\
  </thead>\n\
  etc....
';

$(document).ready(function() {
  $('#vdt_table_textarea').html(vdt_demo_table_string.replace(' ', ' '));
});

как я могу заставить IE уважать мои полномочия?!

Answer 1

CSS

textarea{
white-space:pre;
}

Или

textarea{
white-space:pre-wrap;
}

Answer 2

Не знаю, почему ваш путь не работает, но это так:

$('#vdt_table_textarea').html(vdt_demo_table_string.replace(/ /g, ' '));