Image Uploader and Browser for CKEditor

Image Uploader and Browser for CKEditor is a plugin that allows you to upload images easily to your server and add automatically to CKEditor. Since version 2.0 you can browse and manage your uploaded files online right in your browser - without using a FTP Client. The Image Browser is responsive and looks great on every device width.

Demo

The demo can be found here.

Features
  • Functionality: Upload, delete, download and view your PNG, JPG & GIF files.
  • Secure: Only you can access the image browser by a password protection since version 4.0.
  • Flexible: Do you already have your own upload folder? You can easily switch and create folders in the image browser.
  • Modern UI: The Image Browser is responsive and looks great on every device width.
  • Support: Regular updates and an always up to date documentation make it easy for you to install and use the browser.
Installation and Configuration

First extract the downloaded file into the CKEditor’s plugins folder. Then enable the plugin by changing or adding the extraPlugins line in your configuration (config.js):

Defining Configuration In-Page
CKEDITOR.replace( 'editor1', {
  extraPlugins: 'imageuploader'
});
Using the config.js File
CKEDITOR.editorConfig = function( config ) {
  config.extraPlugins = 'imageuploader';
};

Don't forget to set CHMOD writable permission (0777) to the imageuploader folder on your server.

How to use Browse and manage files

Open the Image info tab and click Browse server. A new window will open where you see all your uploaded images. Open the preview of a picture by tapping on the image. To use the file click Use. To upload a new image open the upload panel in the image browser.

Change the upload path

Open the Image info tab and click Browse server. A new window will open where you see all your uploaded images. Open the Settings to choose another upload path.

Further questions?

Please read the Plugin FAQ.

Support

The support site can be found here. Before submitting a support ticket please read the FAQ.

Some of the features shown in the screenshots may not yet be available in the current version.

Screenshots

carousel
carousel
carousel
carousel
carousel
imageuploader

66,518 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.7 4.6 4.5

Version: 4.1.8

Download Release notes

I was asked to add a function to hide or show the settings button, so I released this update only five hours after the last one. If you appreciate my work don't hesitate to buy me a coffee (donate).

Version 4.1.8 - Release notes:

  • added option in pluginconfig.php to hide/show the settings button

Note PHP 5.2 or higher is required.

To show or hide the settings button open pluginconfig.php and modify the value of $show_settings. In case you have any questions or suggestions feel free to contact me using the Support Ticket System.