IMCE

IMCE was originally a Drupal module to provide an image upload companion for the TinyMCE Javascript based editor. IMCE can now be used automatically with any editor or without an editor.

Download the IMCE module for Drupal from drupal.org/project/imce.

TinyMCE is described at tinymce.moxiecode.com. I tried TinyMCE on a number of sites and rejected it because it screwed up the format of HTML pages with existing format plus I was forever switching from TinyMCE to plain code editing to fix up stupid decisions made by TinyMCE.

The Drupal Wysiwyg module helps you connect easily to any of the Javascript based Web editors, including TinyMCE and the more popular CKEditor, plus you can connect to multiple editors for comparison testing. The IMCE Wysiwyg bridge module connects IMCE to the Wysiwyg module, giving you an automatic connection with every editor.

Installation

Download IMCE from drupal.org/project/imce. Install into directory /sites/all/modules. Select Administer $raquo; Site building $raquo; Modules, then switch on IMCE. This page is based on IMCE 6.x-1.3, a 96.08 KB download from 2009-Sep-26.

Configuration

Select Administer » Site configuration » IMCE to change the IMCE settings.

You have to set up Configuration profiles then assign the profiles to roles. You can also set up image directories for each user and there is a nice default where user 3 gets directory /files/u3.

IMCE creates default profiles of User-1 and Sample. When you add a profile, you give the profile a name then import settings from either User-1 or Sample then change the settings to your own requirements. User-1 has unlimited everything except the maximum image size is set to 1200x1200 and I change it to 0 so large images will not be resized. User-1 files go direct to directory /files/. Sample-1 has limits for everything and places files in directory /files/u%uid with %uid replaced by the user id.

You will create a profile for content creators using the Sample profile as a base. If you have editors working on pages by multiple content creators, set up an editor profile based on User-1. Assign the profiles to the relevant roles.

Common settings

Enable inline image/file insertion into plain textareas: [ ]
If you do not use the Wysiwyg module or manually add a javascript based editor, you can connect IMCE manually to a HTML textarea element. Use the Wysiwyg module because it is much easier and more consistent.

Absolute URLs [ ] Check if you want IMCE to return absolute file URLs.

Default behaviour for existing files during file uploads:
(*) Keep the existing file renaming the new one
( ) Keep the existing file rejecting the new one
( ) Replace the existing file with the new one

Default method for creating thumbnails:
(*) Scale the image with respect to the thumbnail dimensions.
( ) First scale then crop the image to fit the thumbnail dimensions.

Usage

You can connect IMCE to your editor using the Wysiwyg module and the IMCE Wysiwyg bridge. Connecting via this indirect route lets Wysiwyg connect IMCE automatically to any editor you have installed under Wysiwyg.