Integrate the image upload feature in TynyMCE wysiwyg editor using IMCE Drupal module

In Drupal, by default the TynyMCE editor is allowing to insert the image URL only and not allowing to upload the images from front-end editors.

You need to add and configure some third party modules to achieve this functionality:

Following Drupal modules are required for it:

  • WYSIWYG – offers an API for implementing a variety of WYSIWYG editors including FCKeditor 2.6, jWYSIWYG 0.5, markItUp 1.1.5, NicEdit 0.9.0, openWYSIWYG 1.4.7, TinyMCE 3, TinyMCE 2, Whizzywig 55, WYMeditor 0.5, YUI editor 2.7.0
  • IMCE – IMCE is an image/file uploader and browser that supports personal directories and quota.
  • IMCE Bridge – This module is acts as a bridge between the IMCE module and the Wysiwyg module.

For more information on how to configure and use these modules, please see following webpage where the simple tutorial is given.

http://himerus.com/blog/himerus/inline-images-drupal-wysiwyg-api-tinymce-and-imce

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: