<html>
  <head>
    <script src="https://cdn.radaar.io/libraries/publish-with-radaar/init.js"></script>
  </head>
  <body data-radaar-pwr-dynamic-buttons="false">
    <button onclick="handleClickOnLink()">Publish With RADAAR (LINK)</button><br><br>
    <button onclick="handleClickOnImage()">Publish With RADAAR (IMAGE)</button><br><br>
    <button onclick="handleClickOnGallery()">Publish With RADAAR (GALLERY)</button>
  </body>
</html>
function handleClickOnLink(){
  if (!window.pwr) {
    return;
  }
  
  window.pwr.openPostEditor({
    title: "My Post Title",
    caption: "My Post Caption",
    url: "https://www.radaar.io/"
  });
}

function handleClickOnImage(){
  if (!window.pwr) {
    return;
  }
  
  window.pwr.openPostEditor({
    title: "My Post Title",
    caption: "My Post Caption",
    mediaUrl: "https://picsum.photos/1920/1080",
    mediaAltText: "My Media Alt Text"
  });
}

function handleClickOnGallery(){
  if (!window.pwr) {
    return;
  }
  
  window.pwr.openPostEditor({
    title: "My Post Title",
    caption: "My Post Caption",
    medias: [
      {
        url: "https://picsum.photos/1920/1080",
        alt_text: "My Media Alt Text"
      },
      {
        url: "https://picsum.photos/1920/1080",
        alt_text: "My Media Alt Text"
      },
      {
        url: "https://picsum.photos/1920/1080",
        alt_text: "My Media Alt Text"
      }
    ]
  });
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.