TinyMCE in IE8 doesn't tolerate bad HTML very well
asked this on July 08, 2011 07:08 PM
Here is the issue. The attached html segment (ProdNotice.html) was somehow entered into a TinyMCE entry area. I was able to duplicate this simply by opening the html segment in Firefox 3.6, selecting the entire page, and pasting it into the TinyMCE entry area.
If you look at the html file carefully, you'll notice that it's not correct HTML. Specifically, it appears that one line of text was deleted in the middle, leaving two elements that never get closed.
<p><strong><span style="font-family: 'Trebuchet MS'; mso-bidi-font-family: Arial; mso-bidi-font-style: italic;">Some text here</span></strong>
The effect this little mistake has is pretty dramatic in IE 8. If you open the text in TinyMCE, press the full screen button, and then go back to regular mode, all of the text becomes centered. I was able to duplicate this easily on IE8. It didn't work for me on FF 3.6. I didn't try any other browsers yet.
My question is this: Doesn't TinyMCE check the HTML as it's rendering it? Why doesn't it handle incorrect HTML like this better? Can it be corrected?
Secondarily, I would also like to know if it's possible for TinyMCE to generate this broken HTML, not counting the user manually modifying the HTML (we don't offer that option, so if they manually changed the HTML they didn't do it from inside of TinyMCE). Maybe it's a known issue that has since been fixed?