IE - 如何在 textarea 中保留空白，使用 javascript 字符串输入

Posted 2023-05-07

【中文标题】IE - 如何在 textarea 中保留空白，使用 javascript 字符串输入

【英文标题】：IE - how to preserve white space in textarea, inputting with javascript string

【发布时间】：2011-10-20 23:09:47

【问题描述】：

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 尊重我的权威？！

【参考方案1】：

CSS

textarea
white-space:pre;

或者

textarea
white-space:pre-wrap;

【参考方案2】：

不知道为什么你的方式行不通，但这样做：

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

【讨论】：

优秀。谢谢。指向你。我决定走另一条路，只使用 tinymce 作为源代码，并允许对表格进行可视化编辑。

相信你会发现string.replace在做字符串替换的时候只替换了第一次出现的地方。

@RogerWillcocks 这就是最后的 g 的含义，我相信它代表全球。