I've got three instances of CKEditor 4 on the same page. Two of the instances are within a jQuery UI Accordion widget styled with the ThemeRoller Le-Frog theme. One is outside the accordion.
The problem is that the two that are inside the accordion widget have a completely unworkable editor area background -- specifically, its white text on a white background! The source code view is almost, but not quite as unreadable (light green on dark green). The one instance of CKEditor that is outside the widget is just fine (black text on a white background).
I have tried every single way to set the style of the editor area that I have been able to find on Google. It simply ignores all those directives.
For now, to make the situation workable, I'm moving the two problematic instances outside the accordion, but that isn't the best solution.
Does anyone have any idea how to overcome this styling problem within a jQuery widget?
try jqwidgets framework ...
I have twin panels with ckeditor v4 instances using jqwidgets ..
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxsplitter/index.htm?%28classic%29#demos/jqxsplitter/vertical-splitter.htm
I'm using a common toolbar using shared spaces (from the inline demo).
You could try the jqwidgets accordion
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxnavigationbar/index.htm?%28classic%29.