AIContainerOverlay
interface
The configuration of the AI user interface container in the overlay mode. In this mode, the AI user interface is displayed on top of the web page on a preferred side. This mode is best suited for integrations with limited space.
ClassicEditor
.create( {
attachTo: document.querySelector( '#editor' ),
// ... Other configuration options ...
ai: {
container: {
type: 'overlay',
side: 'right'
},
}
} )
.then( ... )
.catch( ... );
Copy code
Properties
collapsible : boolean | undefinedinheritedmodule:ai/aiconfig~AIContainerOverlay#collapsibleWhen
true, clicking the active tab button collapses the panel and toggles theck-ai-tabs_collapsedCSS class on the AI tabs DOM element. Clicking the tab again expands it back. Whenfalse, clicking the active tab button is a no-op.Defaults to
false.showResizeButton : boolean | undefinedinheritedmodule:ai/aiconfig~AIContainerOverlay#showResizeButtonThis option is used to show or hide the resize button in the AI user interface.
Defaults to
true.side : AIContainerSide | undefinedmodule:ai/aiconfig~AIContainerOverlay#sidetype : 'overlay'module:ai/aiconfig~AIContainerOverlay#typevisibleByDefault : boolean | undefinedinheritedmodule:ai/aiconfig~AIContainerOverlay#visibleByDefaultWhether the AI interface should be visible when the editor is created.