When I use ckeditor in "jQuery UI modal dialog" ( http://jqueryui.com/demos/dialog/#modal ) and try edit some properties of table or hyperlink (already created before) - so for example I can't edit numbers of rows and cells (both fields are disabled).
The same situation when I try edit alternate text in CKFinder (for image).
this is actually a pretty complex problem. i spent nearly a day getting the ck editor to work in a dialog.
there are several css changes that you'll have to make to bring the fields infront of the jquery ui dialog modal overlay so that you can edit the fields. At this time i can't get you the changes that i had to make to get it working.
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
config.baseFloatZIndex = 9000;
Just in case you didn't have instance handling figured out yet, i figured i'd share my code for that while i have it open since it took me a while to find/come up with. This has nothing to do with the above code.
In the close event of my dialog, i run this function. my textarea with ck editor has a name of 'content'
I am using Drupal 6.21 and recently upgraded to 6.24 to try to resolve the issue. It sounds as if its similar to this issue. Certain buttons do not open another window, but instead the background turns white for about a second and the window never opens. Buttons affected -Link, image, Table, Find, Flash but other button do work.
After some research I found this webpage so that brought me here.
I have read through the tickets, but its not clear as to which file I should add this code to or if I should just place the file in a certain folder. Not sure on what line to add this code either.
I am hoping its not a lot to ask but if someone can provide a step by step instructions about fixing this issue it will help so much. This seems like one of the best editors out there... we are moving from TinyTinyMCE to Ckeditor.
-I am a newbie so that explains the confusion... thank you in advanced for your help.
But, after some searching, I think I can make a workaround of this. For me, the only feature of using a modal dialog is that it prevent access from elements behind it. I figure out that its just as same as using non-modal dialog with overlay behind it. The overlay just did the trick of being a modal dialog (altough its not fully featured modal).
So this is my solution, before I initialize the dialog, I insert a div element before it and give ui-widget-overlay class to the div. Its done using .insertBefore() method. And then, at the dialog 'close' event, I remove that overlay div. The dialog 'modal' option is set to false. By using this solution, CKEditor pop up is working fine, because there only one modal dialog (CKEditor pop up).
Here is the whole code in jsfiddle. Hope this helps.
Leave a comment on marsel.aipassa's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic