Giter VIP home page Giter VIP logo

web-image-editor-drag-and-drop's Introduction

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

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

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

In your local development environment

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

Contributing to this repo

Pull requests and GitHub issues are welcome!

We openly track tickets on Waffle.io: Stories in Ready Stories In Progress

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.

web-image-editor-drag-and-drop's People

Contributors

ashryanbeats avatar cgalbiati avatar wensontsai avatar dubsta avatar waffle-iron avatar

Watchers

James Cloos avatar Quoc Nguyen avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.