Linking website CSS file to the editor

Hi,

I have started using FCKeditor with a website and all is going well. I was wondering though, is it possible to link an external CSS file to the editor so that it appears with the same styles as the resultant website? For example, I have a website with a blue background and white text as defined by the style sheet. Can I use this style sheet with the editor so that the editor has a blue background and the text appears white? Cheers

Bizt

Wed, 10/05/2005 - 08:50

mfran

Joined: 05/10/2005

Posts: 3

RE: Linking website CSS file to the editor

Look for FCKConfig.EditorAreaCSS in fckconfig.js; point it to another style sheet.

Wed, 10/05/2005 - 10:01

bizt

Joined: 09/10/2005

Posts: 5

RE: Linking website CSS file to the editor

Where is fckeditor.js actually loaded from? What page?

For example:

<script src="fckeditor.js" type="text/javascript"></script>

I store the path to the CSS file in a PHP session variable (dont ask why) and need to be able to use PHP code when writing the path:

$_SESSION["pathtofile"] . "/style.css";

I will either need to put this code on the PHP page that calls the JS file or make the JS file a PHP file that outputs JS code.

Cheers

Bizt

Wed, 10/05/2005 - 12:10

mfran

Joined: 05/10/2005

Posts: 3

RE: Linking website CSS file to the editor

I call the fckeditor.js as you do using the scipt src. fckeditor.js is found within the root of your FCKeditor install, so if your php page using the editor is:
C:/wwwroot
and your FCKEditor directory is
C:/wwwroot/FCKEditor
then your page with the editor running will reference the js file from src='./FCKEditor/fckeditor.js'

In the fckeditor.js you will find the line I mentioned which sets a default css file. You can change this to a different file. I've changed this to call a coldfusion template which dynamically writes out my css, and it works perfectly, so it should work in your case too. Change the line to something like:
FCKConfig.EditorAreaCSS = FCKConfig.BasePath + '../somepath/somefile.php' ;