Hi,
I am trying to integrate the CKEditor in a Qooxdoo application ( more specifically an
Eclipse RAP application ). Up until now the application was loading the CKEditor inside
an IFrame, with a separate HTML document for the editor.
This was working , except for pop-up windows that would be displayed only inside the
IFrame, focus bugs, etc. Therefore, I want to integrate the CKEditor directly in the main
HTML document.
I managed to load it, but some parts of the editor don't work. More specifically, pop-up
windows (e.g. table button) or pop-up elements, such as combo boxes, and font color
pickers don't do anything. Additionally, the positioning of icons in the toolbar is a bit off.
I have noticed that the CLASS of elements is modified the same way in both IFrame and
non-IFrame versions. For instance, the font selection combo box would toggle the <span>
class between "cke_font cke_on" and "cke_font cke_off", but won't display the drop-down
list in the non-IFrame version.
So the Javascript part seems to be at least initiating something, CSS not so much, and my
question would be, whether anyone has an idea of what could be the reason(s) for the issues.
Regards,
tibersept
I am trying to integrate the CKEditor in a Qooxdoo application ( more specifically an
Eclipse RAP application ). Up until now the application was loading the CKEditor inside
an IFrame, with a separate HTML document for the editor.
This was working , except for pop-up windows that would be displayed only inside the
IFrame, focus bugs, etc. Therefore, I want to integrate the CKEditor directly in the main
HTML document.
I managed to load it, but some parts of the editor don't work. More specifically, pop-up
windows (e.g. table button) or pop-up elements, such as combo boxes, and font color
pickers don't do anything. Additionally, the positioning of icons in the toolbar is a bit off.
I have noticed that the CLASS of elements is modified the same way in both IFrame and
non-IFrame versions. For instance, the font selection combo box would toggle the <span>
class between "cke_font cke_on" and "cke_font cke_off", but won't display the drop-down
list in the non-IFrame version.
So the Javascript part seems to be at least initiating something, CSS not so much, and my
question would be, whether anyone has an idea of what could be the reason(s) for the issues.
Regards,
tibersept
Re: Qooxdoo and CKEditor
Setting a higher z-index (config.baseFloatZIndex)
Setting CSS box-sizing for anchors (-moz-box-sizing,-webkit-box-sizing) to "content-box"
resolved the issues.