Transparent and image background problems, mostly MSIE7.

[Jani Ollikainen]

Before 2.5 I could give FCKConfig.EditorAreaCSS to my CSS which had:

body {
background-color: transparent;
}

And editor was transparent in every supported brower. Now with 2.5.1 that doesn't work anymore. I need to change skins fck_editor.css and put it's body's background-color to transparent. It works with Opera/MSIE6/FF2 but not with MSIE7.

I found some suggestions to use FCKConfig.BodyId and .BodyClass to do it, but it didn't do the trick.

So how to get the editor's editing area to be transparent(/inherit) in every browser?

[Wojciech Olchawa]

Confirmed using IE and FF2 both in 2.5.1 and latest SVN version

[Wojciech Olchawa]

Done some more testing and it's also impossible to set the background-image using fck_editorarea.css. As bestis reported is only possible by changing fck_editor.css in the skin directory.

[sherry]

it hink i have an idea how to go about it..perhaps adding another feature to the image panel might do the trick here.

[vurentjie]

Replying to u4687416:

it hink i have an idea how to go about it..perhaps adding another feature to the image panel might do the trick here.

I had a look at the css, steps to fix :

1) in content.css add body{background:transparent} 2) in _source/plugins/wysiwygarea/plugin.js find the following

iframe = CKEDITOR.dom.element.createFromHtml( '<iframe' + ' style="width:100%;height:100%"' +

...AND CHANGE TO...

iframe = CKEDITOR.dom.element.createFromHtml( '<iframe' + ' style="width:100%;height:100%;background:transparent;"' +

ALSO for a quick fix .... IN ckeditor.js (minified version) look for

C=h.createFromHtml('<iframe style="width:100%;height:100%

AND CHANGE TO

C=h.createFromHtml('<iframe style="width:100%;height:100%;background:transparent;

3) OR ALTERNATIVELY INSTEAD OF INLINING THE FRAME BACKGROUND STYLE IN YOUR SITE CSS FILE ADD

frame{background:transparent;}

this might help....

[Jakub Ś]

FCKeditor is no longer supported thus I’m closing this as won't fix.

How to do this in CKEditor was explained here: #4982