Setting up FCKEditor

Fckeditor gives you rich text editing capablities similar to those found in a word processor.

Here we will set up FCKEditor together with IMCE for adding images.

If you haven't already, download FCKEditor and IMCE.  As it says on the FCKEditor module page, you will also need the FCKEditor library from http://www.fckeditor.net/download.  Make sure you get FCKEditor and not CKEditor.

Extract the modules to your desktop and then use FileZilla to upload them to /sites/all/modules or /sites/all/modules/contrib.

Then upload the files and folders in the FCKEditor library into the fckeditor folder within the FCKEditor module.  The path to fckeditor.js should finally be /sites/all/modules/fckeditor/fckeditor/ or /sites/all/modules/contrib/fckeditor/fckeditor.

Enable both modules then go to Administer > User management > Permissions, scroll down to 'fckeditor module' and check 'access fckeditor' and 'allow fckeditor file uploads' for 'authenticated user'

Then:

  1. Go to Administer > Site configuration > FCKeditor
  2. Under 'Profiles' edit 'Default'.
  3. Open up 'Basic setup' and check 'authenticated user' under 'Roles allowed to use this profile.' Then open up 'File browser settings' and change 'File browser type' to IMCE.  Scroll down and click 'Update Profile'.

Now you can go to 'Create content' > 'Page' and you should see a rich text editor in the Body section.  You should also see an 'Insert/Edit Image' icon in the editor toolbar.  Next to the 'URL' field should be a 'Browse Server' button.  You can use this to upload images to the server and insert them into your text.

We're almost there, but for the rich text editor to work fully you must set the 'Input format' below the editor to 'Full HTML'. If you don't do this then Drupal will actually strip out the formatting from the editor!  You can set 'Full HTML' as the default format by going to: 'Administer' > 'Site configuration' > 'Input formats'.