This is a plugin for CKEditor to work with Uploadcare.

Minimalistic demo can be found here.

CKEditor 4.0+

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

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.

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

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.

Send any feedback or request support at [email protected]