Split mode normal screen ( Add fullscreen APIs )

[bootstraponline]

Is it possible to have a split mode without forcing the user to enter full screen?

[OscarGodson]

You mean like native fullscreen in Chrome? Not with an option, but I'll add it. Maybe a boolean useNativeFullscreen. I'll add it to the 0.1.2 release.

For now tho you can do it manually in the source pretty easily. I think you can just change this line (401):

EpicEditor/epiceditor/js/epiceditor.js

Line 401 in 68997cb

, nativeFs = document.body.webkitRequestFullScreen ? true : false

to be false.

[bootstraponline]

I mean something like this. It's split screen, however I didn't have to press F11 to enter "full screen mode." It would replace the "switch to preview mode" because it would be split screen for previewing, without requiring full screen. It'd be nice to have as an option.

[OscarGodson]

No, again, but it'd be super easy to add. I'll add an API call to enter fullscreen as well as being able to turn off native fullscreen so that you could do like:

var editor = new EpicEditor({ useNativeFullscreen: false });
editor.load(function () {
  editor.fullscreen();
});

And it'd look like your example. I'll try to get both of these in.

[bootstraponline]

That'd be great!

[OscarGodson]

@bootstraponline quick question, would you rather have fullscreen() toggle opening and closing fullscreen (like it does internally) or would you rather have an explicit exitFullscreen()?

[bootstraponline]

I'd prefer exitFullscreen() so that it's a no-op if the editor is not already in full screen mode.

[OscarGodson]

@bootstraponline Alright, pull develop! I've added the fullscreen API stuff. There's 2 new methods enterFullscreen and exitFullscreen as well as 2 new events fullscreenenter and fullscreenexit and an option to useNativeFullscreen so you can turn off native fullscreen if you want.

Let me know if this is what you expected and is working well!

[OscarGodson]

Also I did an example for you :) http://jsbin.com/aketom (http://jsbin.com/aketom/edit)

Less code than originally expected, now just:

var editor = new EpicEditor();

editor.load(function () {
  editor.enterFullscreen();
});

[bootstraponline]

Wow! That's perfect.

[OscarGodson]

Glad to hear that!