ACE: Add a button and make it fullscreen.

[danghieu1407]

I want to add a button and then use JS when clicking on that button. Then the ACE editor will be fullscreen. Could anyone help me with this case?

[nightwing]

Depends on what exactly you mean by fullscreen, here is an example of taking all screen space of the page

ace/demo/scrollable-page.html

Lines 93 to 100 in 114a5c1

	require("ace/commands/default_commands").commands.push({
	name: "Toggle Fullscreen",
	bindKey: "F11",
	exec: function(editor) {
	var fullScreen = dom.toggleCssClass(document.body, "fullScreen")
	dom.setCssClass(editor.container, "fullScreen", fullScreen)
	editor.setAutoScrollEditorIntoView(!fullScreen)
	editor.resize()

.

[danghieu1407]

Thanks for your help @nightwing, It is so useful.