IE - 如何在textarea中保留空格,输入javascript字符串

时间:2011-08-05 15:00:15

标签: html internet-explorer textarea whitespace

FF和Chrome的表现很好,但是IE(8)并没有在格式化的代码中保留空格我将其放入TEXTAREA

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

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

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

如何让IE尊重我的授权?!

2 个答案:

答案 0 :(得分:7)

CSS

textarea{
white-space:pre;
}

或者

textarea{
white-space:pre-wrap;
}

答案 1 :(得分:1)

不确定为什么你的方式不起作用,但这样做:

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