Add/render to iframe

[vleletko]

As discussed in #215 , added support for Slate IFrame rendering, but in quite different way.

There is actually no need to pass dom={...} becasue valid window could be deducted by the event.native.target transparently.

One more problem found in React SelectionEventPlugin: it also has hardcoded window references.
Basicly version of SelectionEventPlugin swallowing all onSelection events, and this leads to incosistent slection state in slate.

To handle this I created small project react-frame-aware-selection-plugin

It is used in provided example.

[ianstormtaylor]

@vleletko very cool! I like how minimal the changes are.

Question for you: can you open a pull request on React with the injector functionality proposed? I'm a little wary of having to use the injector, and would love to see that logic added natively to React if they agree with it.

[ianstormtaylor]

Hey @vleletko also, I've just added the ability to "scroll to the cursor when a change is made" in 0.10.11, but I think this logic may also need to be reconsidered for iframes? Can you take a look and see what you think? Thanks!

[vleletko]

@ianstormtaylor, checked code related to "scroll to the cursor when a change is made", and yes, to support iframes it should be changed.

Problem in element-scroll-to code.
It references to window and to document.body.
Opened issue #2

About custom injector - I'll open issue in react repo, but I think they will not change it, at least react-tap-event-plugin still exists.

btw, injector is used only in examples. We can remove Frame example from slate, and maybe make separate repo for it.

[ianstormtaylor]

Added in 0.11.2, thanks so much @vleletko for the help on this!

Updated the example to render with Bootstrap buttons and typography based on the rich text example. If you run into any issues while using it for your live preview let me know.

[vleletko]

@ianstormtaylor, Thanks for great project!!