Web (jQuery): Image Editor UI + Drag and Drop API

This is an example of using the Creative SDK Image Editor for Web with the HTML Drag and Drop API.

Contents

Live demos
How to use
Contributing to this repo
Learn more about the Creative SDK
Get help

Live demos

You can try a live demo of this repo on its GitHub project page.

For a more robust live example, go to the Aviary website and click "Edit Your Photo".

How to use

Just follow the steps below.

In your browser

Register a new app for the Creative SDK
Note your Client ID. You will need it soon.

In your local development environment

git clone this repo and cd into it
Run npm install (for Bootstrap and jQuery)
Create a file called config.js with the following code: var configObj = { apiKey: '<YOUR_KEY_HERE>' };
Add your Client ID as a string in config.js (replacing the string "<YOUR_KEY_HERE>")
Run the app

Contributing to this repo

Pull requests and GitHub issues are welcome!

We openly track tickets on Waffle.io:

If you want to take a ticket, comment on it to let us know. Be sure to work on your own fork of the repo so you can submit a pull request when you are done.

Feel free to add tickets as well!

Learn more about the Creative SDK

Developer portal

Check out the Getting started guide for Image Editor configuration options and more!

Creative SDK blog

We have more content on our blog that explores deeper aspects of the Creative SDK. Have a look at our Web category on blog.creativesdk.com.

Get help

Our growing community on Stackoverflow is a great way to get help. Just post your question and tag it with adobecreativesdk.

If you have feedback on this repo, submit a GitHub issue.

CreativeSDK/web-image-editor-drag-and-drop

ErrorLooks like something went wrong!

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors 5

Uh oh!

Languages

Error
Looks like something went wrong!

Packages