Sorry if this is a common question, I have done a number of searches first but can't find the answer.
I'm using fck_editorarea.css to style the WYSIWYG editor, and my master CSS file has the styles in it for output to the front end of the site.
How do I stop the styles displaying in the styles drop down? Because you can set the name the user sees for a style separate from the actual class name I can use names like 'green box' etc, but I don't want this to pick up the CSS and actually have a big green box around it.
Is this something to do with the
FCKConfig.EditorAreaStyles = '' ;
FCKConfig.ToolbarComboPreviewCSS = '' ;
part of fckconfig.js?
I'm using fck_editorarea.css to style the WYSIWYG editor, and my master CSS file has the styles in it for output to the front end of the site.
How do I stop the styles displaying in the styles drop down? Because you can set the name the user sees for a style separate from the actual class name I can use names like 'green box' etc, but I don't want this to pick up the CSS and actually have a big green box around it.
Is this something to do with the
FCKConfig.EditorAreaStyles = '' ;
FCKConfig.ToolbarComboPreviewCSS = '' ;
part of fckconfig.js?
Re: Stop CSS styles displaying in the 'styles' dropdown
- the dropdown list can be completely removed, to do this simply remove the 'Style' button from the toolbar (see fckconfig.js: FCKConfig.ToolbarSets["Default"] = ... )
- styles available in the combo box can be changed by editing fckstyles.xml
Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+
Re: Stop CSS styles displaying in the 'styles' dropdown
I don't want to remove the styles dropdown.
I want to stop the styles displaying inside the styles dropdown. For instance some use a very large font, or have a background image. I just want the name of the style (not it's actual appearance) to be in the list.
Re: Stop CSS styles displaying in the 'styles' dropdown
In the fck_editorarea.css file, look at line 43.
The override styles are called .SC_Item and .SC_ItemSelected
You can uncomment the code to make this style active, and add CSS commands to the style to set a standard font size, font color, background colour, remove borders etc.