Allow editor to run without iframe

[leoasis]

Given that I needed to add modules into quill that had heavy use of javascript libraries and css, I decided to make the editor run outside an iframe. It turned out it is pretty easy to "hack" it doing this:

var Renderer = require('quilljs/lib/renderer');
Renderer.buildFrame = function(container) {
  var iframe, iframeDoc, root;
  iframe = document.createElement('div');
  container.appendChild(iframe);
  root = document.createElement('div');
  iframe.appendChild(root);
  return [root, iframe];
};

Basically we mock the iframe with a div.

This works incredibly well so far, the only thing remaining is to be able to modify a little bit the default styles, which is harder to do in this case since they are hidden inside the Renderer module (not exposed like the defaults with Normalizer or Format).

Anyway, I think it would be pretty easy to support a mode that runs without an iframe, for those who need and want to reuse javascript and styles from the top level window.

What do you think?

[jhchen]

It's a good idea and I think many users would be interested in this option. We did have this option (with similar implementation) in the early days but a few browser inconsistencies showed up that was difficult to debug. Our test framework is a lot more complete and robust now so though it's probably a good idea to revisit this at some point and add official support.

[pklingem]

+1 started integrating quill into an app and had to go a different route due to the iframe. This is a great looking editor, keep up the good work!

[mitar]

+1

[jhchen]

Iframes have been removed in v0.19.0.