JsFrameMessenger.js

Go to the documentation of this file.

class IframeMessenger {
  constructor(parent, options = {}) {
    this.parent = parent.contentWindow
    this.options = options;
  }
  
  post(message) {
 
    const targetOrigin = this.options.targetOrigin || '*';
 
    console.log('> Post message to target:', targetOrigin, message);
    this.parent.postMessage(message, targetOrigin);
  }
}
 
// Example usage:
/* const messenger = new IframeMessenger('https://example.github.io/iframepage.html', {
  id: 'myIframe',
  targetOrigin: 'https://example.github.io'
});
messenger.create();
messenger.show();
// To send input data
messenger.post(JSON.stringify({ type: "document", value: "material doc" }));
// To set viewerOnly mode
messenger.post(JSON.stringify({ type: "viewerOnly", value: true }));
*/