IE浏览器如何在textarea中保留空白，使用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听从我的命令？

- fbas

Answer 1

CSS

textarea{
white-space:pre;
}

或者

textarea{
white-space:pre-wrap;
}

- avetarman

Answer 2

不确定为什么你的方法不起作用，但是这个方法可以：

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

- James Montagne

---

我决定采用另一种方法，只使用TinyMCE作为源，并允许对表格进行可视化编辑。非常好，请接受我的感谢并给您加分。 - fbas

我相信您会发现，在进行字符串替换时，string.replace仅替换第一次出现的内容。 - Roger Willcocks

@RogerWillcocks那个末尾的g就是为了代表全局，我想。 - James Montagne