ASU Web Community

TinyMCE/IMCE: For uploading images to your site

Have you ever been editing a page in Drupal using the TinyMCE editor and wanted to put a picture in your page? Well, by default, Drupal only allows you to input a url of an image hosted somewhere (your site or another site). There is a module called IMCE which allows you to browse for an image on your computer to upload to the site, all within the TinyMCE interface!

 

How to install:

  1. Go to http://drupal.org/project/imce and download the latest stable version (current as of writing this document is 5.x-1.0).
  2. In DirectAdmin, log into your account and click on the File Manager.
  3. Browse to your public_html and then into your modules directory. You can then upload the file which should look something like this: imce-5.x-1.0.tar.gz
  4. Then, back in the modules directory, find the file, then click the extract link on that line. This will extract the module into your Drupal site's module directory.
  5. Now, log into your Drupal site's admin section. In User Management -> Access Control, make sure that everybody can access (but not administer!) IMCE.
  6. Next, enable the module in Site Building -> Modules.

Now when you create a new page, story, etc, you can input an image. Simply click on the TinyMCE icon that looks like a tree, then you'll notice a small icon to the right of the "Image URL" input field. Clicking this will bring you to a sort of file manager window which will allow you to upload images for use in your page!