Ckeditor does not show in Explorer ( IE9, IE10, and IE11 )

Are there any error messages? (look in F12 Developer tools → Console)

I'm experiencing this error as well. I've isolated the problem to line 33 of jquery.fitvids.js ref.parentNode.insertBefore(div,ref);, but I'm not sure what the solution is.

Ok. Ignore my previous comment.

I'm still not sure what the problem is exactly, but I do have a temporary fix that makes it so that ckeditor (and wysiwyg in my case) are functional in internet explorer (I'm having this problem in all versions of IE). The problem seems to be that fitvids() is being called on every page and on pages that ckeditor runs on there is some sort of conflict. My temporary fix is to edit fitvids.js in the Fitvids module (see attached patch) and also to set the Fitvids configuration to not run on pages that need ckeditor, such as body:not(.page-admin, .page-node-add).

This temporary fix does not help in cases where you need fitvids and ckeditor on the same page.

Making this active again as the patch in #4 does not apply in cases where you need both fitvids and ckeditor working on the same page.

Anyone know how to disable fitvids only when IE is detected? Or better yet, disable fitvids when a desktop version of IE is detected?

#3 is correct. That line in the javascript adds a div into the head tag. If you change the code to add it to the body then it all works fine in IE.

The reason there are no javascript errors is because there aren't. Ckeditor doesn't show up because there is a css class .cke which is set to visibility:hidden. This class seems to change its cascade order depending on if fitvids is installed. So ckeditor loads just fine... you just can't see it. You can toggle that class off and see that it displays.

Something about that div in the head makes IE do this.

Here are some screen shots of the IE dev tools (more specific is at the bottom).

Without Fitvids

With Fitvids

What to do with this information... I'm not sure yet.

I created an issue in the fitvids library repo on github if you want to follow along. https://github.com/davatron5000/FitVids.js/issues/147

For those that are experiencing this due to having the fitvids module enabled here's what to do to fix it:

1. Go to edit the fitvids configuration page: admin/config/media/fitvids
2. Change the video container value from 'body' to '.field-type-text-with-summary .field-item'.

If your theme uses different classes than '.field-item', then use one that comes before the video embed but after the '.field-type-text-with-summary'. What you're trying to do is target a container that is used on the node display layout and not on the node/edit and node/add forms.

Here's a quick hack:
1. edit sites/all/libraries/ckeditor/skins/moono/editor_ie.css
1. change .cke_chrome{visibility:inherit} to .cke.cke_chrome{visibility:inherit}

This increases the specificity of the cke_chrome rule, and should mean the editor is shown.

#15 fixed it for me. Thanks for that.

I've added a stylesheet to the module to fix the ckeditor problem (and so you won't have to hack the ckeditor css files).

Download the new dev release and try it out.

Latest DEV version resolves the issue for me, thanks

Latest dev version fixed this for me as well. Thanks.

Great, thanks for testing the dev version.

A new release 7.x-1.15 is now ready to download!

According to my tests, this does solve the CKEditor not showing up, but options within the CKEditor toolbar which use a dropdown (like the "HTML Block Elements" or "Styles"), do not work in IE (tested in IE9 and IE10).

There is another thread here: https://drupal.org/node/2244835

Just in case anyone needs this right away, I've posted a temporary fix here: https://drupal.org/comment/8697945#comment-8697945
Cheers,
Jeff

Looks to be fixed in #2244835: CKEditor is not visible in Panels IPE in IE11 and if not... quit using Internet Explorer ;) (being serious, if not fixed, feel free to re-open)