IE - how to preserve white space in textarea, inputting with javascript string

Question

FF and Chrome are behaving nicely, but IE (8) is not keeping the white space in my formatted code I'm putting into a TEXTAREA

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

and

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;'));
});

how can I make IE respect my authoritah?!

avetarman · Accepted Answer · 2011-08-05 15:11:42Z

7

CSS

textarea{
white-space:pre;
}

Or

textarea{
white-space:pre-wrap;
}

answered Aug 5, 2011 at 15:11

avetarman

1,2529 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

James Montagne · Accepted Answer · 2011-08-05 15:13:56Z

2

Not sure why your way doesn't work, but this does:

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

answered Aug 5, 2011 at 15:13

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

3 Comments

fbas Over a year ago

excellent. thanks. points to you. I decided to go another route and just use tinymce for the source as well as allow visual editing of the table.

Roger Willcocks Over a year ago

I believe you will find that the string.replace only replaces the first occurrance when doing string replacement.

James Montagne Over a year ago

@RogerWillcocks that's what the g at the end is for, stands for global I believe.

Zia ul Qamar · Accepted Answer · 2025-02-18 10:27:55Z

1

Define your and your close tag </ textarea> in same line.

answered Feb 18 at 10:27

Zia ul Qamar

336 bronze badges

1 Comment

Lã Ngọc Hải Feb 19 at 10:06

This does not provide an answer to the question. Once you have sufficient reputation you will be able to comment on any post; instead, provide answers that don't require clarification from the asker. - From Review

Collectives™ on Stack Overflow

IE - how to preserve white space in textarea, inputting with javascript string

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related