JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

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


<div id="widget_container" />


<script>
 window.ml.show();
</script>

JavaScript

window.ml = cloudinary.createMediaLibrary({
  cloud_name: 'shirly-dam',
  api_key: '178673356364862',
  remove_header: true,
  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")
);