code-editor Thing

preview.user.js

// ==UserScript==
// @name         code-editor Preview
// @namespace    code-editor-preview
// @include      http://ztaylor54.github.io/code-editor/
// @author       Zeb McCorkle
// ==/UserScript==

function addJQuery(callback) {
  var script = document.createElement("script")
  script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js")
  script.addEventListener('load', function() {
    var script = document.createElement("script")
    script.textContent = "(" + callback.toString() + ")(jQuery.noConfict(true))"
    document.body.appendChild(script)
  }, false)
  document.body.appendChild(script)
}

function main($) {
  var frame = $('<iframe style="width: 100vw; height: 100vh;"></iframe>')
  editor.on('keyup', function () {
    frame.attr('src', 'data:text/html,' + editor.getValue())
  })
  $(document.body).append(frame)
}

addJQuery(main);