By ecore on
Hi!
I have done this before, but I have totally forgot how to do it.
When FCK editor is installed the background of the editor is the same as the website itself. The background image of my website makes the text i write in the editor very hard to read, so I would like to remove the background image in the FCK editor and just keep it plain white.
I would be very greatful if anyone could remind me of how this is done!
Thank you very much for your time!
//Elias
Comments
In your FCKEditor profiles,
In your FCKEditor profiles, there's a section called CSS and within that there is Editor CSS. In this you can choose the site "theme" or a FCKEditor default profile or roll your own.
__________________________________________________________________________________
Aweigh - not all who wander are lost.
Worked
Thanks, this worked
CSS
Go to /admin/settings/fckeditor and edit the CSS settings for each profile. You should be able to switch it to the theme CSS for it to work. That is what I did.
Peace,
Steve
Steve Kessler
Denver DataMan -www.denverdataman.com
Steve Kessler
Cheers! Solved it by doing
Cheers!
Solved it by doing the following:
In the CSS of the FCKeditor settings i chose 'Defint CSS'
In the box under i linked to a new CSS-file i created, which is exactly like my theme CSS, but with no BG-image.
Thank You!
Thank you thank you thank you. I absolutely hate the useless statements of "fix your CSS". I've set everything I can possibly think of and find in all my css files on the site, and I couldn't fix it. But duplicating the theme CSS and setting the background to white worked, you're a genius. Thanks for coming back to share with us.
How to change just the background in FCK
Hi Everyone....
I've seen this everywhere and I feel FCK should consider adding this to the readme!
The ideal for many people will be to use FCK but to also see the style of the content you are about to add! So just going with the FCK editor is going to work - but you will sacrifice your design to a certain extent (it will be formatted properly once in the site though).
Okay so you have FCK set to display the theme style - but your theme has a black background and now you cant see anything in the FCK editor window!
First up - you do not want to create multiple themes or anything as elaborate as that - you will be wasting resources and time.
All you need to do is tell FCK exactly what style to use for the background..... this will overide your theme css.
I have copied here from the link at the bottom - thanks to whoever posted it and helped me out to start with!
All we need to do is to tell FCKeditor to use a specific style:
* Edit FCKeditor profile, in the "CSS section" choose use theme css
* In modules/fckeditor/fckeditor.config.js, add the following:
FCKConfig.BodyId = "primary";
FCKConfig.BodyClass = "singlepage";
* Now our body inside of the FCKeditor gets the right ID.
* Well we still have the wrong background and text alignment. To fix this, add another line in fckeditor.config.js:
FCKConfig.EditorAreaStyles = "body{background:#FFFFFF;text-align:left;}";
in newer versions of marinelli theme we may also need to adjust the font size, so if you need to, use the following code instead:
FCKConfig.EditorAreaStyles = "body{background:#FFFFFF;text-align:left;font-size:0.8em}";
* Remember to clear your browser's cache after applying changes to javascript files.
Everyone should read this - it is an up to date and exact guide (this area has some great other info)
http://drupal.fckeditor.net/tricks
Here's a technique which only
Here's a technique which only relies on editing your theme, so that
you don't need to re-edit the FCKeditor config file(s) after upgrading it:
In FCKEditor admin, specify the theme.css.
In page.tpl.php find
<body>and edit to:<body id="body">In style.css, there is usually an entry like this:
body {
background: url('images/bakground.jpg');
color: #000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.814em;
line-height: 1.3em;
margin: 10px;
padding: 0;
}
Edit to:
body#body {
background: url('images/bakground.jpg');
}
body {
color: #000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.814em;
line-height: 1.3em;
margin: 10px;
padding: 0;
}
This just worked for me!
This just worked for me! :)
http://drupal.fckeditor.net/tricks
Good sugestion
Sometimes the best solutions are staring you in the face!
Great suggestion Anti - thanks.
It worked for me, too.
It worked for me, too. Thanks for your solution..