Skip to main content

Fullscreen

Plugin alias: fullscreen

editor42.init({
plugins: 'fullscreen'
});

Toggles the editor between its normal embedded size and a fullscreen mode that fills the entire browser viewport. Supports both a CSS-based approach and native browser fullscreen via the Fullscreen API, with scroll position preservation.

Options​

OptionTypeDefaultDescription
fullscreen_nativebooleanfalseUse the browser's native Fullscreen API instead of CSS-based approach.

Commands​

CommandDescription
editor42FullScreenToggles fullscreen on/off.

Toolbar buttons​

NameTypeDescription
fullscreenToggle buttonToggles fullscreen mode.
NameTypeDescription
fullscreenToggle menu itemToggles fullscreen mode.

Events​

EventDescription
FullscreenStateChangedFired when fullscreen state changes. Payload: { state: boolean }.

API​

MethodDescription
isFullscreen()Returns boolean indicating whether fullscreen is active.

Keyboard shortcuts​

  • Ctrl+Shift+F (Windows/Linux) / Cmd+Shift+F (macOS) — toggle fullscreen.