By ahmug on

I am using Drupal 6 with ckeditor 6.x-1.1. I found that when I choose a theme with dark background image which cover with white color background color as background of content. CKeditor seems cannot get the real background color. When I were editing content using the editor which used dark background image as editor background by default, but as the theme used another white table to store content, so text will be dark in color. Then it is very difficult to view content in editor because it's in dark background image with dark color text. I've searched and find some ways to edit config.js but all didn't work, editor background seems didn't change anything after updating config.js. How can I ignore drupal theme in CKeditor editing mode? Thanks a lot! Reference theme: Marinelli, reference website: http://www.telewide.com

⋅ Categories: Drupal 6.x

Comments

rickyd1’s picture

rickyd1 commented

I have had this problem. What I did was change the theme the editor was using.

1. /admin/settings/ckeditor
2. select "edit" for the appropriate profile (I only need one on my site so I deleted one of the two)
3. Find "CSS" and expand
4. Change the selection under "Editor CSS" (I selected CKeditor default, but you can choose "define CSS")

I hope this helps.

Rickyd

ahmug’s picture

ahmug commented

Great, it works. Thanks Rickyd!

alexmc’s picture

alexmc commented

I had this problem and tried this solution but it didn't quite work.

I think my problem was that I was also using the WYSIWYG module. This "masked" the settings edited in /admin/settings/ckeditor

So in order to apply the fix described I actually had to administer the WYSIWYG module CSS instead!

wheresjbob’s picture

wheresjbob commented

You saved me a lot of time with this. I was going nuts!

If you choose "define CSS", where do you put that?

Thanks.

John

maliagehan’s picture

maliagehan commented

This problem was making me crazy... thanks so much for the solution.

dsoundmn’s picture

dsoundmn commented

add the following css to your theme's main css file.

.cke_show_borders {
background: white;
}

kehan’s picture

kehan commented

Thanks that worked brilliantly for me and meant that the css reflects my theme's css

PacoMuñoz’s picture

PacoMuñoz commented

In my main css, I put this class:

#edit-body {
background: white;
color: black;
}