1. How to make FCKeditor (almost) WYSIWYG
2. How to configure spell checker
When using cutom theme, sometimes it is necessary to tell FCKeditor to use the correct style.
Let's use as example the marinelli theme.
By default, it is hard to create a page with FCKeditor: background color used by site and font color are too similar and it's very hard to read anything, text is aligned to the center:

Fortunately, there is a way to tell FCKeditor to appear just like we expect.
Take a look at the source of marinelli template (you may use Firefox with Firebug to do that). The ID of main element is called "primary". The class is named "singlepage".
All we need to do is to tell FCKeditor to use that styles:
FCKConfig.BodyId = "primary"; FCKConfig.BodyClass = "singlepage";
FCKConfig.EditorAreaStyles = "body{background:#FFFFFF;text-align:left;}";
in newer versions of marinelli theme we may also need to adjust the font size, so if you need to, use the following code instead:
FCKConfig.EditorAreaStyles = "body{background:#FFFFFF;text-align:left;font-size:0.8em}";

FCKConfig.SpellChecker = 'ieSpell' ; //or FCKConfig.SpellChecker = 'SpellerPages' ;More information about ieSpell and Speller Pages / Aspell installation can be found in the FCKeditor documentation.
$aspell_prog = '"C:\Program Files\Aspell\bin\aspell.exe"';In linux:
$aspell_prog = '/usr/bin/aspell';however in some cases this setting should also work:
$aspell_prog = 'aspell';
['Cut','Copy','Paste','PasteText','PasteWord'],and add SpellCheck button at the end:
['Cut','Copy','Paste','PasteText','PasteWord','SpellCheck'],
FCKConfig.FirefoxSpellChecker = true ;to fckeditor.config.js
To see how FCKeditor works, add a comment on the first page.
Please use comments below only to leave your opinion and any other suggestions you might have on the subject.
Comments
For the more technically
For the more technically inclined, wiki markup is a simple way of formatting a wiki page. However, many would-be users of MediaWiki are put off by what looks to them—rightly—to be code of any sort. These users are adjusted to publishing and editing in a more visually straightforward WYSIWYG (What You See Is What You Get) environment.
1Y0-A05
The acronym WYSIWYG is most often used, but in the case of MediaWiki, this is false, you can never get exactly what you see, since what you get depends on your browser, screen resolution, fonts, your MediaWiki skin and so on. WYSIWYM (What You See Is What You Mean) is more precise but rare.
Worked Great
Hi -
Just a note to say thanks for posting this. Works great.
dicstionary?
does a dictionary need to be installed as part of spell check...if so where?
Great post!
Thanks for the info! It's exactly what I needed to get Aspell working on my Centos VPS!!
Custom CSS - a "trick"? Really?
Why isn't this as simple as allowing an additional stylesheet for the editor area? The above setup is ridiculous.
add button to the correct fckeditor.config.js
I tried adding 'SpellCheck' button to each of the Drupal ToolbarSets configs in fckeditor.config.js, cleared cache etc and could not add the button.
Then I noticed I had configured it to get the fckeditor.config.js file from theme directory - :DOH:!
Load fckeditor.config.js from theme path:
When set to "true" the editor will try to load the fckeditor.config.js file from theme directory.
Powered by SpellCheck.net
What's this "Powered by Spellcheck.net" logo and banner ads that I see? I have made all of the changes above, and I thought that the spell checker was supposed to be using Aspell, which is on my own box. Why is this asking me to create an account and shell out a very ridiculous amount of money (in my honest opinion) in order to get the banner ads to go away?
This is on Drupal 6.13 with the latest version of fckeditor installed. Any ideas?
Thanks,
David
Another File to Edit
I still haven't gotten this to work. I have completely scratched our FCKeditor, and have started over, to see if I can get it to work with a fresh install of it. However, it seems to me that there is an additional line that needs to be edited in /fckeditor/fckeditor/fckconfig.js on line 165:
Change server-scripts/spellchecker.php TO /editor/dialog/fck_spellerpages/server-scripts/spellchecker.php.
This isn't documented anywhere, but it only makes sense, to me. Any thoughts?
leave it as it is
do not change it - keep it server-scripts/spellchecker.php
HTML tag styles also propagated to FCKeditor
Hi,
I am designing a Drupal theme which has two images in background, one defined in the "html" selector in style.css and another one defined in the "body" selector. This last one is solutioned thanks to the trick of editing "fckeditor.config.js" file, but I can't annul the background image propagated by the html element.
Could you please give me some help?
Thank you very much,
Guillermo