How to change the background of fckeditor means when you edit any page or create any page fckeditor; editing screen is ash color which bit difficult to see the text.

Comments

Anonymous’s picture

Anonymous (not verified) commented
Component: Miscellaneous » Code
Assigned: Unassigned »
Category: support » bug

FCKEditor uses an iframe with its own body tag, but it does not specify any CSS for this tag, so the tag inherits Nitobe's CSS for the body element.

Nitobe should address this by applying a specific class to the body element and applying the background image and color to that class instead of the body element directly.

Yuki’s picture

Yuki commented

So how can I solve this issue mean I want white background in fckeditor.

Anonymous’s picture

Anonymous (not verified) commented

You should be able to get around it by changing this line in page.tpl.php:

<body class="<?php print $body_classes; ?>">

to look like this:

<body class="nitobe <?php print $body_classes; ?>">

and in html.css, change this block of code:

body {
	background: #ccc url(images/background.gif) repeat;
	color: #333;
	font: 62.5%/1.5 "Helvetica Neue", Helvetica, Verdana, Arial, FreeSans, "Liberation Sans", sans-serif;
}

to look like this:

body {
	color: #333;
	font: 62.5%/1.5 "Helvetica Neue", Helvetica, Verdana, Arial, FreeSans, "Liberation Sans", sans-serif;
}

body.nitobe {
	background: #ccc url(images/background.gif) repeat;
}

You will also need to edit maintenance-page.tpl.php so that this line:

<body class="maintenance">

looks like this:

<body class="nitobe maintenance">

Yuki’s picture

Yuki commented

Thanks will check it.

marquardt’s picture

marquardt commented

This also works fine for TinyMCE installed via the wysiwyg module.

Is there a simple way to increase the font size in the editor window?

Anonymous’s picture

Anonymous (not verified) commented
Assigned: » Unassigned
Status: Active » Closed (fixed)

You'll need to check the TinyMCE documentation for that.