What CSS style controls editor window font?

I have this same question. My editor's font is currently Times New Roman and I want it to be Arial. I have read through the doc's and it seems it should be a simple fix of pointing the FCKConfig.EditorAreaCSS to the stylesheet fck_editorarea.css where the font-family is declared in the Body tag however it is not working. I have checked and re-checked the path and it is correct... can anyone suggest anything?

[edit] I should mention that I have noticed the css's styles have applied themselves to the styles drop down box, but not to the editor area iteself...[/edit]

~ Lacuna

If you are using the editor with FullPage enabled, there is no way to set the default font features by code. Yo umust swith to source view and include a proper <style> tag in the source. After all, that's the reason why one would opt to use FullPage.

In instead FullPage is disabled, it is enough to set the CSS styles of the body element in fck_editorarea.css. Be sure to clean you browser cache after that.

I have FCKConfig.FullPage = false ; and have cleared my cache and the stylesheet is still being ignored from within the editor area...

I also have these settings:

FCKConfig.EditorAreaCSS = FCKConfig.BasePath + '../../fckeditor/editor/css/fck_editorarea.css' ;

and in the stylesheet:

BODY
{
   background-color: #FFF;
   font-family:Verdana, Arial, Tahoma;
   padding: 5px 5px 5px 5px;
   margin: 0px;
}

Any ideas?

It seems your settings are messy. Just try the default configuration:

FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ;

Thank you for the suggestion but unfortunately it still doesn't work
I have put that line of code in to replace mine and cleared my cache and it still seems buggered

~ Lacuna

No ideas... it just works. There must be something broken in your settings. I would recommend using Firebug to inspect the editing area and investigate it further locally.

monty wrote:Is there any way to set the default font-family or font-size that is used in the editor window??

fredck wrote:After all, that's the reason why one would opt to use FullPage.

I'm sure i'm getting something wrong but we want to use fullpage purely for presentation of the editor purposes, we want the editor to take up 100% of the avialable space and force the page to grow as the user enters content. However the fact the style isn't included makes this obscure.

Is there anyway to set the editor to auto-grow with it's content and make it utilise 100% of the available space? (I.e. the way GoogleDocs grows with it's content).

Cheers

Okay so i've realised the autogrow plugin is what you should use to acheive this, however it does also seem to set FullPage=true or at least causes the same issue (removing the style from the editor).

Anyone have any suggestions?

Ignore my last I still had the javascript fullpage set in the fckconfig.js (was previously setting fullpage in the asp.net component properties). Only problem now is in Firefox auto-grow doesn't quite grow to the size of the content and grows to half a line shorter so a scrollbar is always visible, works fine in IE though.

sorry to digg up such an old post but I've tried everything that areon that page and I couldn't find the answer, I'm just trying to change the font size in the css file and it's not working. I've cleared my cache after every change an it still doesn't work
By the way the ck editor is hosted on a chamilo lateform maybe that's the problem?

Thanks

Zopa