How can I integrate the media editor widget with the upload widget?

The below example demonstrates how to use the Cloudinary upload widget in order to upload an image and edit it with the media editor widget (MEW). Essentially, after uploading the file and closing the widget, the MEW is initialized with the uploaded file.

If you want to try the bellow app with your Cloudinary account, be sure to set your cloud name, and an unsigned upload preset in index.js.

Additional information can be found here -

• Upload widget - https://cloudinary.com/documentation/upload_widget
• Media Editor widget - https://cloudinary.com/documentation/media_editor