JSFiddle - React, Tailwind, and code Playground

by tinyhustlee

HTML

<iframe id="photopea" src="https://www.photopea.com" 
style="width:100%; height:500px; border:none;"/>

JavaScript

var wnd = document.getElementById("photopea").contentWindow;
window.addEventListener("message", ppReady);
var n=0;

function ppReady(e) {
	console.log(e);
  n++;
  
  if(n==1) {
	  var request = new XMLHttpRequest();
	  request.open("GET", "https://i.imgur.com/R6xOBld.jpg", true);
	  request.responseType = "arraybuffer";
	  request.onload = loaded;
	  request.send();
  }
  if(n==2) wnd.postMessage("activeDocument.saveToOE(\"jpg\")","*");
}

function loaded(e) {
	var ab = e.target.response;  // ArrayBuffer
	wnd.postMessage(ab, "*");
}