Displaying css styles in drop down 'Format' Menu and in editor itself
I would like to display how the various styles look in the 'Format' drop down menu as well as in the editor section itself. At present, it only shows plain text, bolding, italics, but not the exact style as in the site's stylesheet.
After referring to the following in this post:
"To edit the files by hand without iRite, you can follow the fckeditor documentation:
I noted another helpful link - EditorAreaCSS which states:
You can precisely simulate the output of your site inside FCKeditor, including background colors, font styles and sizes and custom CSS definitions. To do that, just point this setting to the CSS file that you want the editor to use. You may use a simple string, setting the CSS file path, or even a string array, with more than one CSS file to be loaded. Example:
FCKConfig.EditorAreaCSS = '/mycssstyles/editorstyle.css' ;
By default, FCKeditor uses a very simple file located at "editor/css/fck_editorarea.css". You can place your file outside the FCKeditor directory and just point to that.
When I browse to contents_insert_ContentValue1.js and contents_update_ContentValue1.js, I see the following code that the above is referring to:
FCKConfig.EditorAreaCSS = ''; // relative to fckeditor/editor/fckeditor.html
My site's stylesheet is located here - style.css.
Would anyone know how I would make reference to this stylesheet as it says it should be relative to fckeditor/editor/fckeditor.html?
Would it be something like ../../../design/style.css??