I'm trying to make my ace editor go full screen mode, just like youtube has the possibility to make it's videos full screen.

Does anyone have an idea of how to do this?

I'm trying to make my ace editor go full screen mode, just like youtube has the possibility to make it's videos full screen.

Does anyone have an idea of how to do this?

• javascript
• editor
• fullscreen
• ace-editor

3 Answers 3

You need to resize editor.container to cover the whole page and call editor.resize().
something like this

To enter real fullscreen mode like youtube use editor.container.webkitRequestFullscreen() see https://developer.mozilla/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode Unfortunately in fullscreen mode browser captures esc key, so this won't be usable with multiple selections.

2024+ update. You can use the code below to fire up fullscreen mode on F12 key press. Just adjust the editors[editor_instance] so it points to your Ace editor object.

editors[editor_instance].mands.addCommand({
    name: "save",
    bindKey: { win: "F12" },
    exec: function(editor) {
        editor.container.requestFullscreen();
    }
});