nrkn/iframe.html

## iframe.html
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>iframe</title>
    <style>
      #edit {
        outline: 1px solid #ccc;
        min-height: 1em;
      }
    </style>
    <link href="medium.css" rel="stylesheet" />
  </head>
  <body>
    <div id="edit">The quick brown fox</div>
    <script src="undo.js"></script>
    <script src="rangy-core.js"></script>
    <script src="rangy-classapplier.js"></script>
    <script src="medium.js"></script>
  </body>
</html>

## index.html
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>invoke in iframe</title>
    <style>
      iframe {
        border: 1px solid #ddd;
        width: 100%;
        height: auto;
      }
    </style>
  </head>
  <body>
    <button>Bold</button>
    <iframe src="iframe.html"></iframe>
    <script>
      (function(){
        'use strict';

        var button = document.querySelector( 'button' );
        var iframe = document.querySelector( 'iframe' );

        iframe.onload = function(){
          var idocument = iframe.contentDocument;
          var Medium = iframe.contentWindow.Medium;

          var div = idocument.querySelector( '#edit' );

          var medium = new Medium({
            element: div,
            mode: Medium.richMode,
            tags: null,
            autofocus: true,
            attributes: null
          });

          button.onmousedown = function(){
            medium.invokeElement( 'b', {
              title: 'I\'m bold',
              style: 'color: #39f'
            });

            return false;
          };
        };
      })();
    </script>
  </body>
</html>
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>iframe</title>
	<style>
	#edit {
	outline: 1px solid #ccc;
	min-height: 1em;
	}
	</style>
	<link href="medium.css" rel="stylesheet" />
	</head>
	<body>
	<div id="edit">The quick brown fox</div>
	<script src="undo.js"></script>
	<script src="rangy-core.js"></script>
	<script src="rangy-classapplier.js"></script>
	<script src="medium.js"></script>
	</body>
	</html>