Uploadcare CKEditor Plugin

This is a plugin for CKEditor to work with Uploadcare.

Demo

Minimalistic demo can be found here.

Requirements

CKEditor 4.0+

Install

Add plugin to CKBuilder, download or clone plugin from git to your plugins directory:

git clone git://github.com/uploadcare/uploadcare-ckeditor.git plugins/uploadcare

Configure

Initialize a CKEditor plugin with additional params:

UPLOADCARE_PUBLIC_KEY = "demopublickey"; // set public key for Uploadcare
UPLOADCARE_LOCALE = 'ru'; // set locale if you wish
CKEDITOR.replace( 'editor1', {
  extraPlugins: 'uploadcare', // this will enable plugin
  toolbar: [
    // add Uploadcare button to toolbar, e.g.:
    ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink', '-', 'Uploadcare']
  ]
});

You can heavily customize widget behavior, i.e. file sources, file validation and much more, please read Uploadcare widget and javascript API documentation.

File Autostore

"Automatic file storing" should be enabled in your project settings. Please follow https://uploadcare.com/dashboard/ to ensure.

Usage

1. Press "Uploadcare" button.
2. Select a file to upload and press "Upload"
3. Wait for file to be uploaded.
4. Crop an image as you wish.
5. Click "Done". A cropped image will be available inside editor.

Feedback

Send any feedback or request support at hello@uploadcare.com