I want the background color in the content editing area to be the same as it is on the web page.
CKEditor uses the background (both background-color and background-image) that is defined for the body tag in the web page stylesheet.
Is there a way to get the CKEditor instance use the background as it is on the web page instead?
Let us say I use a css file named style.css with a background image defined for the body like this:
I then use this way to use that file:
The editor is inserted on a place where the background image is not visible on the real web page. The editor is inserted within a div which has a solid color as background.
The problem is that the editor don't use the solid color as background but instead use the background image as defined in the body tag.
My users may change pretty much any color or background-color on the webpage and I need the editor to be transparent and show the div's background, not the body background . I actually have as much as five editors on a page (with a shared toolbar) that on the real web page has different backgrounds for the areas where the editors are placed . The backgrounds that should be used are those specified on the div's where the editor's are placed, not the background specified in the body part of the css file.
I have changed the background color in the skin file to transparent. (v2 skin)
Anyone who know a solution for this?
Thanks in advance and best regards
Daniel
CKEditor uses the background (both background-color and background-image) that is defined for the body tag in the web page stylesheet.
Is there a way to get the CKEditor instance use the background as it is on the web page instead?
Let us say I use a css file named style.css with a background image defined for the body like this:
body { background-image : url(someImage.jpg) }
I then use this way to use that file:
ckEditor = CKEDITOR.replace("nameOfTextArea",{ contentsCss : "styles.css"
The editor is inserted on a place where the background image is not visible on the real web page. The editor is inserted within a div which has a solid color as background.
The problem is that the editor don't use the solid color as background but instead use the background image as defined in the body tag.
My users may change pretty much any color or background-color on the webpage and I need the editor to be transparent and show the div's background, not the body background . I actually have as much as five editors on a page (with a shared toolbar) that on the real web page has different backgrounds for the areas where the editors are placed . The backgrounds that should be used are those specified on the div's where the editor's are placed, not the background specified in the body part of the css file.
I have changed the background color in the skin file to transparent. (v2 skin)
Anyone who know a solution for this?
Thanks in advance and best regards
Daniel
Re: Wrong background color in the content editing area
If not, CKEditor is really not useful for advanced templates where the user may change several colors. I have a template where the user can change 166 colors/fonts/sizes etc...