A quick guide to adding the ability to upload images from within CKEditor. Working on 13th March 2014.

Modules Required:

CKEditor - WYSIWYG HTML editor: https://drupal.org/project/ckeditor
IMCE: https://drupal.org/project/imce
IMCE Uploader: https://drupal.org/project/imce_uploader
Plupload integration: https://drupal.org/project/plupload

For those that use drush: drush en ckeditor imce imce_uploader plupload -y

You will need to place the unziped Plupload Library in sites/all/libraries, so that there's a sites/all/libraries/plupload/js/plupload.full.js file, in addition to the other files included in the library.

Plupload Library version v2.0.0 and later are currently unsupported. Latest supported version of library is v1.5.8, which can be downloaded from https://github.com/moxiecode/plupload/archive/v1.5.8.zip.

In Centos the commands are as follows. They should be run from the libraries directory:

# wget https://github.com/moxiecode/plupload/archive/v1.5.8.zip
# unzip v1.5.8.zip
# rm v1.5.8.zip
# mv plupload-1.5.8 plupload

You will also need to delete the examples directory as it is a security risk:
#rm -rf examples

WAOSAD: The only change you will need to make is to mark IMCE as "File browser type (Link dialog window)" in admin/config/content/ckeditor/edit/Full

This should provide you with a very basic implementation of allowing files to be uploaded from your browser when creating content in CKEditor.

Granted, none of this is new information but having it all in one place should help avoid others wasting time following guides that no longer work. So excited for D8 when this will be in Core.

Comments

leistiko_texvet’s picture

June 12, 2014:
Following these steps worked for me, though it's worth noting that the only file in sites/all/libraries/plupload/js is "i18n.js"

Drupal 7.22
CKEditor (module): 7.x-1.14+2-dev
IMCE: 7.x-1.9
IMCE Uploader: 7.x-1.3
Plupload: 7.x-1.6

serg2’s picture

Issue summary: View changes
serg2’s picture

Issue summary: View changes