Ivan Zugec

Drupal Consultant

Install FCKeditor on Drupal 6

Post
Sunday, 28 September, 2008 - 20:54

A WYSIWYG makes life a lot easier for anyone wanting to create large articles in drupal. In this tutorial i'll show you how to install FCK Editor on drupal 6.

Requirement:

  1. Drupal 6
  2. FCKeditor drupal Module http://drupal.org/project/fckeditor
  3. FCKeditor Code http://www.fckeditor.net/download

Step1 Install FCKeditor

Go to http://drupal.org/project/fckeditor and download the module and place it in sites/all/modules. Download the FCKeditor and unzip the content into sites/all/modules/fckeditor/fckeditor.

Once everything has be copied over, go to Administer >> Site Building >> Modules and enable the module.

Step2 Configure FCKeditor

Permissions
If you are logged on as the administer you'll be able to see the editor display in the body text area if you create any content. But for other users to access the editor you'll have to setup the permissions.

Go to the configure page for FCKeditor which is Administer >> Site Configuration >> FCKeditor.
fig1.jpg

Straight up the module tells you that you need to setup the right permission. Just click on Permission and scroll down to fckeditor module and check "Access fckeditor" for anonymous or authenticated user.

NOTE:If authenticated users can't see the editor, make sure you have given them the right permissions.



fig2.jpg
Filters

For security reasons drupal filters out certain tag from being displayed. This can be controlled by adjusting the input filters in Administer >> Site Configuration >> Input Filters. We'll have to adjust the input filters so certain tags generated by the editor will be displayed and not filtered out.

NOTE:If you are viewing a node and the styles are not right double check the filters and make sure you have added the right tags to the allowed list. Or you could use the Full HTML filter.


You have 2 option the first is giving full html access on all text areas or adding in the required tags. You can get a list of the required tags from the module README.txt in sites/all/modules/fckeditor.
Or grab it from below:





    1. To add the required the tags to the filers, go to Administer >> Site Configuration >> Input Filters and click "Configure" on the Filtered HTML. fig3.jpg Once in click on "Configure" again on the tabs next to the page header. Paste in the required HTML in the "Allowed HTML tags" text field. fig4.jpgFCKeditor Profiles With the editor profiles it gives you the power to customise a lot of things. I wont go into great details about them except for the "Visibility Settings". The global "Visibility Settings" can be changed by clicking on edit for the FCKeditor Global Profile, this overrides the "Visibility Settings" for all other profiles. fig5.jpg Using the "Visibility Settings" you can control on which textarea the editor will be loaded. Often you don't need the editor loaded on all textareas. Thanks a lot for reading this article, feel free to leave any comments.
      Check out this screencast on installing FCKeditor on drupal 5.


      Updated: Jan 25th 2010 Comments are closed on this post.

    About the author: Ivan Zugec
    Ivan Zugec's picture

    Ivan is a Sydney Australia based Drupal Developer with over 5 years experience.

    Follow:
    Category: 
    Drupal
    Linkedin Share Button Google Plus One Facebook Like

    Comments

    Mohan's picture

    Submitted by Mohan on

    thanks for the posts. useful info!

    Mike W's picture

    Submitted by Mike W on

    Hi,

    Followed your directions - I've now done this many times.

    The downloaded file does not contain the whole installation - most of it is missing - this means failure.

    I went to FCKeditors site and downloaded from there also - this has many more files and directories when expanded - but also fails because, I guess, its not specific to Drupal.

    Very disappointed - guess I'll have to stick to Joomla - would've liked to have gone completely CSS.

    Cheers!

    Mike

    ivan's picture

    Submitted by ivan on

    @Mike W
    An editor will be added to core in drupal 7..

    DavidS's picture

    Submitted by DavidS on

    I had a problem too but then realised that I had one fckeditor folder too many i.e. fckconfig.js was in the folder

    sites/all/modules/fckeditor/fckeditor/fckeditor

    Anonymous's picture

    Submitted by Anonymous on

    hwen i go into ADMINISTER >>SITE BUILDING I HAVE A BLANK PAGE

    ivan's picture

    Submitted by ivan on

    There are a few things you can do.
    1. You could be getting a php error. I would recommend that you check the "Recent log entries" in backend.
    2. If you just enabled a module like FCKeditor, try disabling it and see if you still get a blank screen.
    3. php could be running out of memory, you'll have allocate memory more via the php.ini file.

    hope this helps.

    cheers

    Naiya's picture

    Submitted by Naiya on

    thank you very much. i did it all alone long time ago.. but with this tut. it was much faster!

    Ayesha's picture

    Submitted by Ayesha on

    Thanku sir...

    John Braxton's picture

    Submitted by John Braxton on

    Seiko Ananta

    "Very disappointed - guess I'll have to stick to Joomla - would've liked to have gone completely CSS."

    Joomla is a good alternative and often used efficiently. No sense in switching if you're already using Joomla.

    JB

    Anonymous's picture

    Submitted by Anonymous on

    This article helps me a lot.............. thanQ:)

    jordan shoes's picture

    The fck editor installed beautifully with WYSIWYG API and I finally have an upload button for images (which didn't work when I installed fck by itself)... so that's a plus. However, when I click on upload images it gives me a page not found error. Do I need to put a path somewhere in the admin>config areas for WYSIWIG API or fck editor. Or is this something I need to change in a php file?
    Any ideas?

    Anonymous's picture

    Submitted by Anonymous on

    It doesn't work on my page.
    I have installed everything according to the tutorials.
    At the add content site I don't get any menu just this:
    The ID for excluding or including this element is: edit-body - the path is: node/add/story
    I include it everywhere but nothing happends.

    Roy's picture

    Submitted by Roy on

    Computer - HP laptop running Vista
    XAMPP package inatalled
    Fck editor was unzipped to drupal-6.14/sites/all/modules/fckeditor/fckeditor
    The FCK editor module is not displayed in the modules section

    Created the directory drupal-6.14/sites/all/modules/imce and unzipped the IMCE module to it.
    Now IMCE is listed as a module.

    The instructions state where to display the 2 modules but only the IMCE shows up on the modules page.
    Any ideas ??

    ivan's picture

    Submitted by ivan on

    Hey Roy,

    Where have unzipped the fckeditor drupal module?
    Try clearing Drupal's cache.