FCKEditor Background Color

[gdelorey@mitcs.com]

I'm trying to use the FCKEditor when editing some content pages, however, the editor pulls in the background color of my site (dark green) since it's using an iframe. Is there any way to modify the editor CSS or something else to render the background in white so it is readable?

Thanks,

: Greg

[mazhar]

Edit Admin/Utility/EditHtml.aspx and locate following property code

Code: Select all

protected string EditorAreaCSS
    {
        get
        {
            string theme = GetStoreTheme();
            return this.Page.ResolveUrl("~/App_Themes/" + theme + "/style.css");
        }
    }

then change it as below

Code: Select all

protected string EditorAreaCSS
    {
        get
        {
            string theme = GetStoreTheme();
            //return this.Page.ResolveUrl("~/App_Themes/" + theme + "/style.css");
            return this.Page.ResolveUrl("~/FCKeditor/css/fck_editorarea.css");
        }
    }

[gdelorey@mitcs.com]

Hi Mazhar -

Worked great, however, that seems to have created another issue. When I go to edit a content page using the editor, all of the existing source code (or page content) does not appear in the FCKEditor - it's blank. However, if I refresh the page, the content still exists and looks fine, but when I hit the 'HTML' button the editor loads without any of the code.

I tried logging out, back in and still experience the same issue.

Thanks,

: Greg

[mazhar]

May be its something due to new style sheet we referenced. What about just returning an empty string and test it again. For example something like

Code: Select all

protected string EditorAreaCSS
    {
        get
        {
            //string theme = GetStoreTheme();
            //return this.Page.ResolveUrl("~/App_Themes/" + theme + "/style.css");
            return string.Empty;
        }
    }

[gdelorey@mitcs.com]

Mazhar -

I must've done something else to that file on accident; even after reverting changes, my content was still not visible. I've followed your first instructions again after restoring the file, and it works perfect.

Thanks,

: Greg

[combra]

Mazhar -

I must've done something else to that file on accident; even after reverting changes, my content was still not visible. I've followed your first instructions again after restoring the file, and it works perfect.

Thanks,

: Greg

What version of AC are you using? There use to be a bug with Firefox and the FCKeditor with the older versions of AC, but has been fixed since in 7.0.3.

-Brandon

[Kalamazoo]

We found that the background color bled through as well and here is what we did:

Find the File in the folder FCKeditor called fckconfig.js

In the file: change from

Code: Select all

 FCKConfig.EditorAreaStyles = "";

TO

Code: Select all

FCKConfig.EditorAreaStyles = "html{background:#FFFFFF;}";

and voila! the background cannot bleed through.

You can now set the background color not only white but to the actual color of the background color you skinned your site in with.

Have a great day!

Phil Chrisman
312-446-8993