Opened 12 years ago

Closed 7 years ago

#1929 closed Bug (wontfix)

Transparent and image background problems, mostly MSIE7.

Reported by: Jani Ollikainen Owned by: sherry
Priority: Normal Milestone:
Component: Core : Styles Version: FCKeditor 2.5.1
Keywords: Cc: u4687416@…

Description

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?

Change History (7)

comment:1 Changed 12 years ago by Wojciech Olchawa

Component: GeneralCore : Styles
Keywords: Confirmed added
Version: FCKeditor 2.5.1

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

comment:2 Changed 12 years ago by 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.

comment:3 Changed 12 years ago by Wojciech Olchawa

Summary: Transparent background problems, mostly MSIE7.Transparent and image background problems, mostly MSIE7.

comment:4 Changed 10 years ago by sherry

Cc: u4687416@… added
Owner: set to sherry
Status: newassigned

comment:5 Changed 10 years ago by 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.

comment:6 in reply to:  5 Changed 10 years ago by 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....

comment:7 Changed 7 years ago by Jakub Ś

Keywords: Confirmed removed
Resolution: wontfix
Status: assignedclosed

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

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

Note: See TracTickets for help on using tickets.
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy