Opened 7 years ago

Closed 7 years ago

#10155 closed Bug (invalid)

contentsCss with background-image break select rendering

Reported by: FrankSL Owned by:
Priority: Normal Milestone:
Component: General Version:
Keywords: Cc:

Description

Hi, I need to include a css file with contentsCss option and using stylesheetparser. The css file contains a body element that defines a background-image. I need this so that the editor window 'inherits' that background image that is correctly displayed inside the editor area. My problem is that the same background image is applied to all the selects in the toolbar (style, font, dimensions, ...), is this a bug or there's a workaround? This happens in both 3 and 4 versions. Thanks, Frank

Change History (1)

comment:1 Changed 7 years ago by Jakub Ś

Resolution: invalid
Status: newclosed
Version: 4.0.1

Menu and Editor content area both have body element. Applying image to body results in image being applied to both. This is rather normal CSS behaviour.

What you can do is make contentarea body specific. Please try below:

//In HTML  Page
CKEDITOR.replace( 'editor1',{
	bodyId : 'abc'
} );

//In contentsCss
body{
...
}

body#abc{
background-image:url('http://www.technologicvehicles.com/Content/news/2155/2013_Enzo_F70_F150.jpg');
} 
Note: See TracTickets for help on using tickets.
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy