<!DOCTYPE html>
<html lang="en">

<head>
  <style>
    html,
    body {
      height: 100%;
    }

    iframe {
      width: 100%;
      height: 100%;
    }
  </style>
</head>

<body>
  <iframe src="mediumEditor.html"></iframe>
</body>

</html>
<!DOCTYPE html>
<html lang="en">

<head>
  <script src="https://cdn.rawgit.com/yabwe/medium-editor/master/dist/js/medium-editor.js"></script>
  <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/yabwe/medium-editor/master/dist/css/medium-editor.css">
</head>

<body>
  <h2>Medium editor:</h2>
  
  Instructions:
  <ol>
    <li>Use Edge</li>
    <li>Open debugger console</li>
    <li>Paste a text into the medium editor</li>
    <li>Click away</li>
  </ol>

  <strong>Result:</strong> <em>editableInput</em> event is not raised, the placeholder text is displayed over the pasted text

  <div class="editor" style="border: 1px solid blue; width: 100%; height: 200px;"></div>

  <script>
    var editor = new MediumEditor('.editor', {
      placeholder: {
        text: 'Type your text',
        hideOnClick: true
      }
    });

    editor.subscribe("editableInput", function() {
      console.log("editableInput");
    });
  </script>
</body>

</html>