Skip to content

Other

Options listed below can must be set using the plug-in page item attribute Initialization JavaScript Code, see an example below.

function( pOptions ){
pOptions.optionName = optionValue;
return pOptions;
}

The option toolbarBottom enables or disables positioning the toolbar at the bottom of the editor. This option is not available on mobile devices.

function( pOptions ) {
pOptions.toolbarBottom = true;
return pOptions;
}

:::tip page item attribute

The toolbar stickness is enabable through the plug-in page item attribute Enable Sticky Toolbar.

:::

The option toolbarSticky keeps the toolbar at the top of the editing box in default mode. Disabling this option, will keep the toolbar at the top of the page when scrolling down.

The top toolbar offset can be specified using option toolbarStickyOffset.

function( pOptions ) {
pOptions.toolbarBottom = true;
return pOptions;
}

:::tip page item attribute

The toolbar stickness is enabable through the plug-in page item attribute Toolbar Top Offset.

:::

The option toolbarStickyOffset defines the offset of the sticky toolbar from top of the page. If toolbarBottom option is used, then this option will define the offset of the toolbar from the bottom of the page.

function( pOptions ) {
pOptions.toolbarBottom = true;
return pOptions;
}

The option toolbarInline enables or disables toolbar inline mode. It can be configured with option toolbarVisibleWithoutSelection specifying when toolbar is presented to the end-user.

function( pOptions ) {
pOptions.toolbarBottom = true;
return pOptions;
}

The option toolbarVisibleWithoutSelection specifies when inline toolbar is visible to the end-user. When set to false, the toolbar is only dislayed for the current text selection and the toolbar can be shown using keyboard shortcut CTRL+E. When set to true the toolbar is displayed whenever end-user clicking within editor’s working area.

function( pOptions ) {
pOptions.toolbarInline = true;
pOptions.toolbarVisibleWithoutSelection = false;
return pOptions;
}

The option toolbarContainer specifies a custom HTML selector placing the toolbar inside. The plug-in default configuration doesn’t specify this option.

function( pOptions ) {
pOptions.toolbarContainer = '#toolbarContainer';
return pOptions;
}

The options helpSets specifies what items are shown in the help modal after clicking help button in the editor’s toolbar.