Applying custom CSS to the editor area

Hello,

What is the correct way to apply custom CSS to the editor area? I tried this (I use JavaScript to create the editor):

var editor = new FCKeditor('page_content', '850px', '600px');
editor.Config['EditorAreaCSS'] = 'http://www.example.com/css/style.css';
editor.ReplaceTextarea();

But the stylesheet is not applied (the file does exist on the server). Anyone could help?

Fri, 02/13/2009 - 19:06

jlehman

Joined: 12/02/2009

Posts: 4

Re: Applying custom CSS to the editor area

I had to do it this way:

       var bFCKeditor = new FCKeditor('SisWebContentSisContent');

       bFCKeditor.BasePath = '/sis_cms/js/'; 
            bFCKeditor.Height = '400';
       bFCKeditor.Config["CustomConfigurationsPath"] = "/sis_cms/js/myfckconfig.js"  ;
   
       bFCKeditor.ToolbarSet = 'Default';
       bFCKeditor.ReplaceTextarea();

myfckconfig.js contains:

FCKConfig.EditorAreaCSS = ['/css/reset.css','/css/default_sis.css'] ;

You can read about it here:
http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Configuration/Configuration_File

Mon, 02/23/2009 - 23:49

misterer

Joined: 12/02/2009

Posts: 2

Re: Applying custom CSS to the editor area

Thank you, works fine.