Format menu style from external stylesheet

I have successfully got FCKEditor (2.0 RC3) to load an external stylesheet dynamically which the editor area is using.

The defined styles appear correctly in the editor area, but not in the toolbar dropdown. I want to make the styles appearing in the format dropdown menu (for example: Heading 1, Heading 2) also reflect the correct style from the stylesheet. Currently, "Heading 1" in the format dropdown menu is using the default H1 style, but the text in the editor area changes to the defined H1 style correctly.

I want the user to be able to "see" the format they are selecting. What am I missing?

Mon, 09/05/2005 - 08:29

cfcodegirl

Joined: 04/09/2005

Posts: 3

RE: Format menu style from external styleshee

In case anyone else is looking for the answer to this... here is how I solved this:

I added classes for .SC_Item to the external stylesheet for the formats I want to display - for example:

h1 {color:red;}
.SC_Item h1 {color:red;}

then I imported the external stylesheet into fck_contextmenu.css like this:

@import "/fckeditor/editor/getCSS.cfm";

Thu, 12/22/2005 - 01:50

ohira1

Joined: 22/12/2005

Posts: 10

RE: Format menu style from external styleshee

Hi there,

if i write @import.... in in fck_contextmenu.css it creates a js error and the editor will not load in ff and ie.

The @ creates an error as the css file is includeded by js:
FCKScriptLoader.AddScript(FCKConfig.SkinPath+'fck_contextmenu.css');

Any help?
Is there an other way to import an css file in a css file?

Oliver

Sun, 09/04/2005 - 07:50

cfcodegirl

Joined: 04/09/2005

Posts: 3

RE: Format menu style from external styleshee

I loaded the external stylesheet this way:

In fckconfig.js:
FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'getCSS.cfm' ;

getCSS.cfm contains
<cfinclude template="#mystylesheet#">

Help is much appreciated

Thu, 02/23/2006 - 16:08

john6767

Joined: 23/02/2006

Posts: 1

RE: Format menu style from external styleshee

Hi guys, i am having the same problem i have tried the method you suggested here but cannot get it to work. I have attatched the external style sheet to the page and put the .sc_item h1 tags into the css, is there anything else i may be missing? I am using asp for pages and using the javascript fck editor.
cheers