The forum operates in read-only mode. Please head to StackOverflow for support.

Wed, 03/14/2012 - 14:13

gomezrf

Joined: 14/03/2012

Posts: 4

CSS stylesheet file

I want to populate the Styles drop-down list with style definitions from an external CSS stylesheet file.

This is how I proceeded:

1) I created my css file. Its name is ´mysitestyles.css´and its contents is this:

hh3 { 
   font: italic normal 1.4em georgia, sans-serif;
   letter-spacing: 1px; 
   margin-bottom: 0; 
   color: #7D775C;
   }

I placed this file in this directory:

sites/all/modules/ckeditor/ckeditor/mysitestyles.css

2) I activate the stylesheetparser plugin for my CKEditor by editing the file

sites/all/modules/ckeditor/ckeditor/_source/core/config.js

introducing this line:

config.extraPlugins = 'stylesheetparser';

3) I supplied the location of the CSS file that contains my style definitions by using the contentsCss configuration setting editing the file

sites/all/modules/ckeditor/ckeditor/_source/core/config.js

by introducing this line:

config.contentsCss = 'mysitestyles.css';

And remolving this one

/* contentsCss : CKEDITOR.basePath + 'contents.css',*/

After all this I would expect to open CKEditor and see in the Styles drop-down list my stile hh3.
But I don't see the style hh3 in the Styles drop-down list of CKEditor.
Any idea?

Thu, 03/15/2012 - 13:25

Anna

Joined: 14/12/2010

Posts: 1369

Re: CSS stylesheet file

commercial module Open Source

Documentation Manager, CKSource

See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!

Thu, 03/15/2012 - 20:02

gomezrf

Joined: 14/03/2012

Posts: 4

Re: CSS stylesheet file

Anna wrote:First of all, what is your environment? Drupal version, CKEditor for Drupal module? Are you using the commercial module, or the Open Source one?

http://docs.cksource.com/CKEditor_3.x/D ... ide/Styles

Thu, 03/15/2012 - 20:15

alfonsoml

Joined: 31/12/2006

Posts: 3735

Re: CSS stylesheet file

viewtopic.php?p=63687#p63687

Thu, 03/15/2012 - 21:15

gomezrf

Joined: 14/03/2012

Posts: 4

Re: CSS stylesheet file

alfonsoml wrote:As I explained recently (viewtopic.php?p=63687#p63687) the stylesheet parser finds only the rules specified based on both a tag name and a class.

Your "hh3" refers only to an (inexistent) "hh3" element and lacks a class name, so the stylesheet parser can't use it.

without

not

using the Stylesheet Parser Plugin

Fri, 03/16/2012 - 12:26

Anna

Joined: 14/12/2010

Posts: 1369

Re: CSS stylesheet file

hereConfiguration Content AuthoringCKEditorAdvanced optionsCustom JavaScript configuration

config.extraPlugins = 'stylesheetparser';

both an element and a classStyles

Documentation Manager, CKSource

See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!

Fri, 03/16/2012 - 18:13

gomezrf

Joined: 14/03/2012

Posts: 4

Re: CSS stylesheet file

Anna wrote:As explained here, you can add your custom configuration either in the Drupal Administration panel (Configuration > Content Authoring > CKEditor, adjust the profile that you want to use in the Advanced options -> Custom JavaScript configuration section) or by adding your configuration settings to the "sites/all/modules/ckeditor/ckeditor.config.js" configuration file:
config.extraPlugins = 'stylesheetparser';
There is no need to change anything in the source files of CKEditor.

Please note that Alfonso's remarks are still valid -- the Stylesheet Parser will only display the style definitions that contain both an element and a class in the Styles drop-down menu.

1./ Creation of a .css

2./ Upload the file mycss.css to the Server

3./ Activate the Stylesheetparser

4./ Register the path to mycss.css

What did I miss this time ?