JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<script src="https://media-library.cloudinary.com/global/all.js"></script>

JavaScript

window.ml = cloudinary.createMediaLibrary({
  cloud_name: 'shirly',
  api_key: '243651824887721',
  remove_header: false,
  max_files: '1',
  insert_caption: 'Insert',
  inline_container: '#widget_container',
  default_transformations: [
    []
  ],
  button_class: 'myBtn',
  button_caption: 'Select Image or Video'
}, {
  insertHandler: function (data) {
    data.assets.forEach(asset => { console.log("Inserted asset:",
      JSON.stringify(asset, null, 2)) })
    }
  },
  document.getElementById("open-btn")
);