Important changes to Tiny Cloud pricing > Find out more

Full Screen plugin

Zoom TinyMCE up to the whole screen.

Contribute to this page
+ toolbar button + menu item

This plugin adds full screen editing capabilities to TinyMCE. When the toolbar button is pressed the editable area will fill the browser’s viewport. The plugin adds a toolbar button and a menu item Fullscreen under the View menu.

Type: String

Example
tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'fullscreen',
  menubar: 'view',
  toolbar: 'fullscreen'
});

Commands

The Full Screen plugin provides the following JavaScript command.

Command Description
mceFullScreen Toggles full screen mode.

Example

tinymce.activeEditor.execCommand('mceFullScreen');

Can't find what you're looking for? Let us know.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.