The recommended way to install all CKEditor add-ons is to create a custom build by using Online builder. To do that, click the Add to my editor button on the plugin page. When you are done, click the Build my editor button on the right side of the page to go to Online builder.
Note: This add-on is already selected to be a part of your current build.
Add-on installation instructions
If you want to add the plugin manually, you will need to:
Extract the downloaded plugin .zip into the plugins folder of your CKEditor installation. Example:
http://example.com/ckeditor/plugins/dragdrop
Enable the plugin by using the extraPlugins configuration setting. Example:
config.extraPlugins = 'dragdrop';
Download and configure all its dependencies, too.
Add-on dependencies
No additional dependencies.
Note: The plugin may have additional requirements. Check the add-on page and documentation for more details.
Currently Imgur and S3 are the two upload locations supported, but, since uploading files boils down to submitting a POST towards the general direction of a server, new backends are trivial to implement.
Imgur:
CKEDITOR.editorConfig = function( config ) {
// rest of config
config.extraPlugins = 'dragdrop';
// configure the backend service and credentials
config.dragdropConfig = {
backend: 'imgur',
settings: {
clientId: 'YourImgurClientID'
}
}
});
AWS S3:
CKEDITOR.editorConfig = function( config ) {
// rest of config
config.extraPlugins = 'dragdrop';
// configure the backend service and credentials
// aws requires a few extra..
config.dragdropConfig = {
backend: 's3',
settings: {
bucket: 'bucketname',
region: 'your-region',
accessKeyId: 'key',
secretAccessKey: 'secret-key'
}
};
});