Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TinyMCE editor is not working in Internet Explorer 11. #2897

Closed
mohitanand123 opened this issue May 4, 2016 · 9 comments
Closed

TinyMCE editor is not working in Internet Explorer 11. #2897

mohitanand123 opened this issue May 4, 2016 · 9 comments

Comments

@mohitanand123
Copy link

mohitanand123 commented May 4, 2016

I have implemented the tinymca editor in my application. But the problem is that when I click on the text editor area, tinymce options and menu appears but suddenly it disappears. Even the text area is not allowing to enter any text inside it.
It is working fine in Chrome and Safari. The issue persists only in IE11.

@spocke
Copy link
Member

spocke commented May 4, 2016

Does it work on tinymce.com or fiddle.tinymce.com if so it's likely that it's an implementation issue.

@mohitanand123
Copy link
Author

In my application I am facing the problem I mentioned above.
As suggested, I tried the inline mode example from Inline Mode in IE 11 and IE10. With this example, as I click in the text editor area, the menus and options did not get displayed at its respective location and the menu layout is distorted. Though I am able to edit the text and set bold and Italic options.
Find below screenshot for inline mode example as displayed in IE 11. The menu options are highlighted in yellow.
inlinemode

Menu should appear as:
image

Kindly suggest.

@cyau73
Copy link

cyau73 commented May 5, 2016

We have implemented TinyMCE on IE 11.0.9600.18230CO successfully on our system with no issue. Maybe you can share your config file, TinyMCE version and IE version.

@mohitanand123
Copy link
Author

You specifically mentioned 11.0.9600.18230CO, will it not support IE 11 version lesser than 18230CO as I have 17728. What I believe, if it support IE 11 than it must be supporting IE 9 and 10 versions also.

We are using IE version 11.0.9600.17728, TinyMCE version: 4.3.11 and it is the default Inline mode example as available on site with no modifications. you can download the code from here.

Kindly confirm.

@mohitanand123
Copy link
Author

We simulate the scenario as we have in our application in this link.
Here we are trying to attach menu with a <td> element. This works in chrome but fail for IE.
If we replace the <td> with <textarea> it work but that also with issues as discussed above.

@starquake
Copy link

This seems to be working:
http://fiddle.tinymce.com/oyfaab/1

Is this of any use to you?

@spocke
Copy link
Member

spocke commented May 25, 2016

Will see if we can black list elements we don't support inline mode on this includes table cells, textareas etc.

@ghost
Copy link

ghost commented Feb 2, 2017

Maybe you could check what version you are using since v3.x.x which is not supported for IE 11 see http://archive.tinymce.com/wiki.php/TinyMCE3x:Browser_compatiblity and https://moodle.org/mod/forum/discuss.php?d=253109

@lnewson
Copy link
Contributor

lnewson commented May 9, 2020

Hi,

I'm going to close this because of its age and because in the latest TinyMCE versions it now does prevent initializing on unsupported elements such as table cells and logs the following error in the console:

Could not initialize inline editor on invalid inline target element <td style=​"width:​200px;​height:​200px;​" id=​"tinyMceTesting">​

If you're still able to reproduce the issue using a supported inline target in the latest version of TinyMCE, then please let us know and we'll reopen this issue.

Thanks!

@lnewson lnewson closed this as completed May 9, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants