Last updated March 17, 2010. Created by Durrok on May 16, 2009.
Edited by bekasu. Log in to edit this page.

The following sections explains how to integrate IMCE into FCKeditor so that you can upload & insert images into the body of your content. This documentation picks up right after an install of both modules. If you have installed FCKeditor into the WYSIWYG module folder you will not be able to integrate IMCE as certain options will not be available to you.

What you will need

You will need the following modules:

FCKeditor (http://drupal.org/project/fckeditor) & (http://www.fckeditor.net/download)
IMCE (http://drupal.org/project/imce)

Configuring IMCE

Go to Administer -> Site configuration -> IMCE. Here we will see any users roles that have been already created. You can use user-1 or create your own profile. Make sure each user that you wish to be able to upload images has an assigned profile and press save configuration.

Configuring FCKeditor

Part 1:
Go to Administer -> Site configuration -> FCKeditor.
Here we will see various profiles and the users associated with them. If a user does not have a role assigned to them, they will get their settings from the "Default" profile.

    Click "edit" under operations on one of the profiles you wish to be able to upload images.
    Expand the "File browser settings".
    Under the option "File browser type:" select "IMCE" and under "Allow quick uploads:" select "True
    Click on update profile.

You will need to do this for each profile that you want to be able to upload images.

Part 2.
The second part of configuring FCKeditor requires editing a php file in the module. We are going to only be making a very simple change but it is always a good idea when manually editing these types of files to backup the file before editing.

Navigate to the folder where you installed the FCKeditor. From there, go to fckeditor -> editor -> filemanager -> connectors -> php.

The file we are going to be editing is called "config.php".

Go to this files properties and turn off "read only".

In windows explorer this would be right click -> properties and then uncheck the "read only" box. Open up the file and scroll down to:

$Config['Enabled'] = false ;.

We are going to change this to read:

$Config['Enabled'] = true ;.

Save the file out and we are done with configuration.

Testing Integration

Congratulations, you should now be able to upload images into the body of your content. To test this, log into your website as a user you gave access to do this and click on create new content.

In the area where you can edit what is in the body, click on the icon that looks like a picture. This is near the top right of the FCKeditor and if you hover over it with your mouse it will read "Insert/Edit Image".

The insert image window should come up. To upload a new image click on the "Upload" tab. Click on "Browse", select the image you would like to upload, and click open.

You should see the file path populate in the "Upload field". Click on the "Send it to the Server" button and you will have get a dialog box telling you that the upload was successfull. After clicking OK, your screen will change and you will be given another window where you can adjust various properties of the image.

After you have modified the fields that you wish to change, click ok. The image will appear in your body. If you wish to insert an image you have already uploaded, you can click on the image icon and select "Browse Server". Here you can browse for images already uploaded onto the server. You can also upload images here if you want.

Looking for support? Visit the Drupal.org forums, or join #drupal-support in IRC.

Comments

I don't see this link.
Administer -> Site configuration -> FCKeditor.