Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Full screen mode #95

Open
liminspace opened this issue Feb 24, 2015 · 3 comments
Open

Full screen mode #95

liminspace opened this issue Feb 24, 2015 · 3 comments

Comments

@liminspace
Copy link

Please, add button "full screen mode".

@ZeoNish
Copy link

ZeoNish commented Apr 15, 2015

+++

@ZeoNish
Copy link

ZeoNish commented Apr 15, 2015

Please, add buttom "full screen mode".

@Nikey646
Copy link

Here is a self-implement solution for anyone looking, requires Screenfull.js

To add it, add fullscreen somewhere into your Option's buttons element. After that you need to add the following code into your allButtons element of the Options object.

fullscreen: {
    title: "Fullscreen",
    buttonText: "Fullscreen",
    cmd: function() {
        if (screenfull.enabled) {
            screenfull.toggle($('.wysibb')[0]);
        }
    }
}

Edit: Webkit/Blink is stupid, and firefox is master race. To make the editor appear the same across most browsers you will also required this CSS.

:-webkit-full-screen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    object-fit: fill;
}

:-moz-full-screen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    object-fit: fill;
}

:-ms-fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    object-fit: fill;
}

:fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    object-fit: fill;
}

It handles all 3 prefixes and the normal fullscreen css property to future proof it css wise.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants