U4-3247 - v6.1.6 RTE view/edit HTML doesn't work with IE 11

Created by Wayne Godfrey 25 Oct 2013, 22:53:09 Updated by kurt_350 05 Jun 2014, 17:39:13

Relates to: U4-3772

Create a v6.1.6 Umbraco installation set to use MVC. Create a document type with a property that uses the TinyMce RTE and create a template to display the property. Create a content node that uses that document type. When using IE 11, go to that content node and edit the field with the RTE. click on the HTML button to view/edit the HTML source. The resulting window (which should display the HTML) will be blank. Additionally, if you try to create a hyperlink in the RTE using the link button, the dialog will appear to specify the hyperlink, but it will not be applied to the underlying HTML.

Changing the Document Mode to IE 10 under the Emulation section of the developer tools allows the RTE to work properly.

A search at the TinyMce website indicates that this is a bug with version 3.x of the product.

Edit: Same count for Umbraco 4.x sites.

Comments

Jeavon Leopold 28 Oct 2013, 20:02:45

Bug at TinyMce http://www.tinymce.com/develop/bugtracker_view.php?id=6307. Comment from Spocke indicates intention to backport fixes in TinyMce v4 to v3 for IE11 compatibility. Umbraco v6 will need to be updated once fix for v3 is available or upgrade to v4.


Funka! 26 Nov 2013, 20:53:43

We also see this problem in 4.11.8, please consider pushing a fix for this line as well when this gets updated. I'd also recommend that this be considered more of a "critical" issue, as not being able to create hyperlinks in your content is a pretty big problem!


Funka! 26 Nov 2013, 20:57:15

Pushing my own agenda and wishlist here a bit! But, implementing U4-2023 might make this issue moot in my opinion.


Jeavon Leopold 04 Dec 2013, 23:22:32

Looks like this is possibly fixed in TinyMce v3.5.10, I think Umbraco v6 currently is shipped with v3.5.7 so hopefully will be an easy upgrade


Jeavon Leopold 05 Dec 2013, 09:14:57

I have tested and submitted a pull request for Umbraco v6.2.0 here https://github.com/umbraco/Umbraco-CMS/pull/265


Jeavon Leopold 05 Dec 2013, 09:24:17

For those that need to patch up urgently you can download TinyMce v3.5.10 and overwrite all the files in /umbraco_client/tinymce3 with the files from the download. Also Umbraco v4.11.10 also shipped with TinyMce v3.5.7 so it should also work (although I haven't tested it)


Stephen Maij 05 Dec 2013, 14:15:00

I tried upgrading the TinyMCE editor for Umbraco 4.7.0 to v3.5.10 but with no success. It seems that there are so many changes it's hard to figure out what needs to be adjusted to work for umbraco. The implementation notes are not clear enough to make the changes and with 20.000+ lines of javascript its almost impossible to make it work.


Jeavon Leopold 05 Dec 2013, 14:17:53

Ouch, I think you have a lot of changes from Umbraco v4.7.0. I would suggest you upgrade to Umbraco v4.11.10 first, then you should be able to update the TinyMce to v3.5.10


Asbjørn Riis-Knudsen 06 Dec 2013, 21:05:44

Thanks for the fix, Jaevon. This issue is serious enough that an immediate release of 6.1.7 with this fix is needed. As users upgrade to IE11, they will hit this immediately. I don't think this should wait for 6.2.


Funka! 06 Dec 2013, 22:20:40

Since v4 "isn't going anywhere anytime soon" could I repeat my request for a patch for this line as well? Thx!


Jeavon Leopold 06 Dec 2013, 22:35:51

@funka! If you upgrade to the final v4.11.10 first, then you should be able to perform the same patch to TinyMce V3.5.10


Asbjørn Riis-Knudsen 06 Dec 2013, 22:40:14

I think I found an additional issue, even after applying the fix. Every time I press Save and publish, one or more of my RTEs add the following to the end of the document, messing up my layout quite badly:



UPDATE: This issue has resolved itself, so it doesn't seem to be related to this at all. Sorry!


Jeavon Leopold 07 Dec 2013, 08:44:45

Is that just in IE11?


Asbjørn Riis-Knudsen 07 Dec 2013, 10:06:00

Yes, it is just with IE11. I tried with IE10 and everything works as it should. Maybe it has something to do with having multiple RTEs on one datatype?


Sebastiaan Janssen 08 Dec 2013, 15:05:51

As a workaround, this seems to solve the problem for now, add this to /umbraco/umbraco.aspx:

{code}

Make sure to add it BEFORE this line:

{code}


Asbjørn Riis-Knudsen 08 Dec 2013, 17:53:57

The issue that I mentioned in my previous comment with extra space being inserted has apparently resolved itself overnight. At least, I cannot reproduce it now. Everything now works correctly in IE11 mode with the updated TinyMCE from Jaevon. I guess there must have been some caching involved, even though I had cleared the cache... Oh well, at least it works now. Sorry for wasting your time.


Stefan van Leusden 09 Dec 2013, 09:06:43

Sebastiaan, works like a charm for 4.7! #HFYR


Shannon Deminick 19 Dec 2013, 04:22:59

I've merged in @Jeavon's pull PR. Thanks!


Jeroen Breuer 05 May 2014, 13:18:35

I upgraded to 6.2.0, but I still have the IE11 problem with view/edit HTML in the RTE. Shouldn't that have been fixed?


Shannon Deminick 06 May 2014, 00:56:32

I merged in your PR - can you check that your change is in the source?


Shannon Deminick 06 May 2014, 00:56:56

Doh!, sorry i merged in Jeavon's PR https://github.com/umbraco/Umbraco-CMS/pull/265


Jeavon Leopold 06 May 2014, 16:35:47

Seems to be working for me in IE11 with a fresh install from Nuget. @jbreuer what is not working for you? Also worth checking \umbraco_client\Tinymce3\tiny_mce_src.js to see if minor version is "5.10" to see if you had a upgrade issue?


Jeroen Breuer 06 May 2014, 17:30:13

It seems to work now :). Maybe it was an issue with ClientDependency.


kurt_350 05 Jun 2014, 17:39:13

NOTE: The following is mostly an FYI since I can use the -tag workaround and I see this issue is fixed in Umbraco 6.2.0. I upgraded TinyMCE in an Umbraco 6.1.6 installation to v3.5.11 per advice in this issue. (I could not find v3.5.10 on the TinyMCE downloads page.) IE11 worked a little better than before the upgrade, but I found at least a couple problems. You can insert a link successfully. However, if you try to edit a link, the current link details do not appear in the Insert/Edit Link dialog. The same is true for images.


Priority: Major

Type: Bug

State: Fixed

Assignee:

Difficulty: Normal

Category:

Backwards Compatible: True

Fix Submitted: Pull request

Affected versions: 4.8.0, 4.9.0, 4.10.0, 4.11.0, 6.0.0, 6.1.0, 4.9.1, 4.11.1, 4.11.2, 4.11.3, 4.11.4, 6.0.1, 4.11.5, 6.0.2, 4.11.6, 6.0.3, 6.0.4, 4.11.7, 6.1.1, 6.0.6, 4.11.9, 6.0.5, 4.11.8, 4.8.1, 4.10.1, 4.11.10, 6.1.3, 6.1.4, 6.1.5, 6.1.6

Due in version: 6.2.0

Sprint:

Story Points:

Cycle: