Toolbar

The Toolbar interface provides properties and methods for rendering and manipulating the toolbar.

Example:

import { Toolbar } from 'lakelib';

const toolbarItems = [
  'undo',
  'redo',
  '|',
  'bold',
  'moreStyle',
];
const toolbar = new Toolbar({
  root: '.my-toolbar',
  items: toolbarItems,
});

Constructor

Creates a new Toolbar object.

• Parameters:

  config

  A key-value object. For more details, see the Toolbar config page.

• Return value:

  A new Toolbar object.

Example:

const toolbar = new Toolbar({
  root: '.my-toolbar',
});

Instance properties

root Read only

An element to which the toolbar is appended.

• Type: Nodes

Example:

const root = toolbar.root;

container Read only

An element to which the items of the toolbar are appended.

• Type: Nodes

Example:

const container = toolbar.container;

Instance methods

updateState()

Update the state of each item in the toolbar, such as whether it is selected, disabled.

• Parameters:

  state

  A SelectionState object that specifies the state of the current selection.

• Return value:

  None.

Example:

const activeItems = editor.selection.getActiveItems();
toolbar.updateState({
  activeItems,
});

render()

Renders a toolbar for the specified editor.

• Parameters:

  editor

  An Editor object.

• Return value:

  None.

Example:

toolbar.render(editor);

unmount()

Destroys the toolbar.

• Parameters:

  None.

• Return value:

  None.

Example:

toolbar.unmount();