FullscreenConfig
The configuration of the fullscreen mode feature.
The properties defined in this config are set in the config.fullscreen namespace.
ClassicEditor
.create( {
fullscreen: {
// Fullscreen mode configuration.
}
} )
.then( ... )
.catch( ... );See all editor options.
Properties
container?: ShadowRoot | HTMLElementmodule:fullscreen/fullscreenconfig~FullscreenConfig#containerThe container element for the fullscreen mode. This should be a reference to an existing, positioned element in the DOM.
By default, the fullscreen mode is appended to the shared
ui.overlayContainerif it is set, otherwise to the shadow root the editor lives in (open or closed), otherwise to the<body>element. Mounting it in the root the editor lives in is what keeps the editor UI moved to the fullscreen mode (editable, toolbar, menu bar, sidebars) styled – in a shadow root, the editor stylesheets are adopted by that root only.Setting it to anything else than that default also keeps the page scrollable, as the fullscreen mode then fills an element of the page layout instead of covering the viewport.
menuBar?: objectmodule:fullscreen/fullscreenconfig~FullscreenConfig#menuBarThe configuration of the menu bar in the fullscreen mode.
onEnterCallback?: ( container: HTMLElement ) => voidmodule:fullscreen/fullscreenconfig~FullscreenConfig#onEnterCallbackCustomizable callback that is called when you enter the fullscreen mode. It's executed after the editor UI elements are moved to the fullscreen mode.
Defaults to
`() => {}`onLeaveCallback?: ( container: HTMLElement ) => voidmodule:fullscreen/fullscreenconfig~FullscreenConfig#onLeaveCallbackCustomizable callback that is called when you leave the fullscreen mode. It's executed before the editor UI elements are moved back to the normal mode.
Defaults to
`() => {}`toolbar?: objectmodule:fullscreen/fullscreenconfig~FullscreenConfig#toolbarThe configuration of the toolbar in the fullscreen mode.