Hi all,
we run CKEditor in our web-based application. What I did so far is:
- embed CKEditor into our pages -> works fine when using FF, Safari, Chrome, Opera; doesn't work with IE6, IE7, IE8!
- run CKEditor samples separately -> works fine with all browsers named above
I did find out that the following js-code (like inside the samples HTML) returned no CKEDITOR object when running via IE:
On HTML level, after the textarea-element no span-element was created and so the CKEditor is not displayed in the page (see figure below).
Debugging in FF via Firebug shows the correct creation of the textarea and span elements (see figure below). The CKEditor is displayed in the page correctly.
I presume, the HTML code inside the span-elements are created during the CKEDITOR object creation, but I'm unsure. To me it seems the problem is located somewhere around the HTML code creation inside our application.
I added our application's generated HTML page step-by-step to the HTML code of the CKEditor sample (ckeditor\_samples\fullpage.html) to see, if we generate an errorneous page. It did work fine in all browsers!
Then, I did set
My options are gone for that. I'm not an expert in IE and JS execution but, may be you can help me? Are there hidden switches for IE to set? Is that a CSS problem? Does CKEditor require some special IE config first?
Greetings
we run CKEditor in our web-based application. What I did so far is:
- embed CKEditor into our pages -> works fine when using FF, Safari, Chrome, Opera; doesn't work with IE6, IE7, IE8!
- run CKEditor samples separately -> works fine with all browsers named above
I did find out that the following js-code (like inside the samples HTML) returned no CKEDITOR object when running via IE:
var x = CKEDITOR.replace('myid') alert(x);
On HTML level, after the textarea-element no span-element was created and so the CKEditor is not displayed in the page (see figure below).
Debugging in FF via Firebug shows the correct creation of the textarea and span elements (see figure below). The CKEditor is displayed in the page correctly.
I presume, the HTML code inside the span-elements are created during the CKEDITOR object creation, but I'm unsure. To me it seems the problem is located somewhere around the HTML code creation inside our application.
I added our application's generated HTML page step-by-step to the HTML code of the CKEditor sample (ckeditor\_samples\fullpage.html) to see, if we generate an errorneous page. It did work fine in all browsers!
Then, I did set
CKEDITOR.env.isCompatible = true; CKEDITOR.env.ie = true; var x = CKEDITOR.replace('myid'); alert(x);before the replace method, because IE returned false when checking for itself. In IE the CKEDITOR object has been created now but, CKEditor still doesn't display in my page!
My options are gone for that. I'm not an expert in IE and JS execution but, may be you can help me? Are there hidden switches for IE to set? Is that a CSS problem? Does CKEditor require some special IE config first?
Greetings
Re: CKEditor not working with IE
EDIT : And to boot, IE likely doesn't handle the fact that you have hidden the texarea using the visibility style attribute, very well.
I fail to understand the point of hiding the texearea element, when you are just going to replace it with a CKEditor instance, just don't generate the textarea instead of hiding it, if there is a reason you would need to hide it and why are you using in-line styles? Using in-line styles is a really bad habit to get into and entirely unnecessary in good mark up.
Thanks,
Zanpakutō
Re: CKEditor not working with IE
Thanks a lot Zanpakuto and sorry for my late answer. The issue of the hidden textarea and the surrounded HTML generation belongs to a couple of perl modules outside my influence. My part is to insert the CKEditor component in a separate module, which can be used on different places of our application as a widget.
But, the whole problem has been fixed now (after endless debugging sessions with my collegues). It has nothing to do with special IE flags or switches but, in the end is was a simple line delimiter problem between different IDEs and the ckeditor sources checkout .
Anyhow, thank you for your help.
Codewriter
Re: CKEditor not working with IE
I have the same problem with what you had with your ckeditor on IE.
You said that there was a simple line of delimiter problem between IDEs and Ckeditor sources checkout.
can you tell more details about this. Which files should i look into and what delimiter and how to resolve this problem.
Note: i'm using NetBean on window and also on Unix.
Your help is very appreciated,
--Kim