ckeditor5-elements / ElementInsertCommand

Class: ElementInsertCommand

Inserts the element, as CKEditor's horizontal line and image commands do: an element that is not typed around text, e.g. an empty one (a divider, or an inline badge), or an inline one that holds blocks (a card).

editor.execute('divider'); // In place of the selection.
editor.commands.get('divider').executeFor(element); // After the element.

For the selection, it replaces the selected content, as typing does; at a position, it is inserted there; for an element, after it. Where the element cannot be, the blocks are split up to where it can, e.g. a block-level one in the middle of a paragraph. Then it is selected, as selectNewElement() does: an empty element as a whole, and an inline container gets a paragraph, with the cursor in it.

It does not toggle: it is never "on".

Extends

• ElementCommand

Constructors

Constructor

new ElementInsertCommand(editor, elementName): ElementInsertCommand;

Parameters

Parameter	Type
editor	Editor
elementName	string

Returns

ElementInsertCommand

Inherited from

ElementCommand.constructor

Properties

elementAttributes

elementAttributes: Record<string, unknown> = {};

The attributes the element must have to be the element of the command. The new elements get them.

Inherited from

ElementCommand.elementAttributes

---

elementName

readonly elementName: string;

The name of the model element of the command.

Inherited from

ElementCommand.elementName

---

icon

icon: string | undefined;

Observable

The icon (SVG string) of the command.

Inherited from

ElementCommand.icon

---

isForceDisabled

readonly isForceDisabled: boolean;

Observable

Whether the command is disabled with forceDisabled() (and not enabled back with clearForceDisabled() for every id), so it is disabled for every target.

Inherited from

ElementCommand.isForceDisabled

---

isOn

isOn: boolean;

Observable

Whether the target is in the element, or is one, for the commands that toggle it.

Inherited from

ElementCommand.isOn

---

isToggleable

isToggleable: boolean = false;

Whether the command can be "on" (see _isOnFor), e.g. because it toggles something. Its buttons then tell assistive technology whether it is on: toolbar buttons with aria-pressed, menu items with aria-checked. Defaults to false; the commands of one element that toggle it set it, e.g. ElementInlineCommand.

Inherited from

ElementCommand.isToggleable

---

title

title: string;

Observable

The title of the command.

Inherited from

ElementCommand.title

---

tooltip

tooltip: string | boolean;

Observable

The tooltip of the command. true uses the title.

Inherited from

ElementCommand.tooltip

Methods

_canHold()

protected _canHold(
   position, 
   items, 
   name?
): boolean;

Whether an element (by default, the one of the command) can be at a position, and hold the items there: the check for wrapping them, or for renaming their parent.

Parameters

Parameter	Type
position	ModelPosition
items	Iterable<ModelItem>
name?	string

Returns

boolean

Inherited from

ElementCommand._canHold

---

_canUnwrap()

protected _canUnwrap(element): boolean;

Whether the children of an element can be in its place: the check for unwrapping it.

Parameters

Parameter	Type
element	ModelElement

Returns

boolean

Inherited from

ElementCommand._canUnwrap

---

_createElement()

protected _createElement(writer): ModelElement;

Creates a new element of the command, with the elementAttributes.

Parameters

Parameter	Type
writer	ModelWriter

Returns

ModelElement

Inherited from

ElementCommand._createElement

---

_findElement()

protected _findElement(elementOrPosition?): 
  | ModelElement
  | null;

Returns the closest element of the command that the target is, or is in: by default, the selection. Never a root.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

| ModelElement | null

Inherited from

ElementCommand._findElement

---

_getAncestors()

protected _getAncestors(elementOrPosition?): ModelElement[];

Returns the elements the target is, or is in (by default, the selection), the inner first: an element and its ancestors, or the parent of a position and its ancestors. Not the root.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

ModelElement[]

Inherited from

ElementCommand._getAncestors

---

_getBlocks()

protected _getBlocks(elementOrPosition?): ModelElement[];

Returns the blocks of the target, by default of the selection: the selected blocks, or the block-level element the target is, or is in (e.g. the paragraph with the cursor, a selected horizontal line, or a block quote).

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

ModelElement[]

Inherited from

ElementCommand._getBlocks

---

_getElement()

protected _getElement(elementOrPosition?): 
  | ModelElement
  | null;

Resolves the target (see _getElementOrPosition) to an element: a position becomes its parent element. Never returns a root.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

| ModelElement | null

Inherited from

ElementCommand._getElement

---

_getElementOrPosition()

protected _getElementOrPosition(elementOrPosition?): ElementOrPosition | null;

Returns the given position or element, or resolves it from the current selection when absent. Returns null for a target that is not in the document (any more), e.g. a removed element, so commands ignore such targets.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

ElementOrPosition | null

Inherited from

ElementCommand._getElementOrPosition

---

_getPosition()

protected _getPosition(elementOrPosition?): 
  | ModelPosition
  | null;

Resolves the target (see _getElementOrPosition) to a position: an element becomes the position before it.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

| ModelPosition | null

Inherited from

ElementCommand._getPosition

---

_getSelectedRanges()

protected _getSelectedRanges(elementOrPosition?): 
  | ModelRange[]
  | null;

Returns the ranges of the selected content, when the command is for the selection, and the selection is content, not a cursor nor an element.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

| ModelRange[] | null

Inherited from

ElementCommand._getSelectedRanges

---

_getStateFor()

protected _getStateFor(elementOrPosition?): ElementOrPositionState;

Returns whether the command is enabled and "on" for the target, before read-only mode and forceDisabled(): the one source of the state, for refresh and getState. By default, from _isEnabledFor and _isOnFor.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

ElementOrPositionState

Inherited from

ElementCommand._getStateFor

---

_isEnabledFor()

protected _isEnabledFor(elementOrPosition?): boolean;

Enabled when the target can be edited, and the element can be there, or in one of its ancestors.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

boolean

Overrides

ElementCommand._isEnabledFor

---

_isOnFor()

protected _isOnFor(elementOrPosition?): boolean;

Whether the command is "on" for the target. By default: never. Commands that override it should set isToggleable.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

boolean

Inherited from

ElementCommand._isOnFor

---

_keepSelection()

protected _keepSelection(
   writer, 
   change, 
   ranges?
): void;

Changes the content of ranges, by default the ones of the selection, and selects the same content then: the ends of the ranges stick to the content, so they follow it into new elements and out of them, which the selection does not.

Parameters

Parameter	Type
writer	ModelWriter
change	() => void
ranges?	Iterable<ModelRange>

Returns

void

Inherited from

ElementCommand._keepSelection

---

_requireElement()

protected _requireElement(elementOrPosition?): ModelElement;

Returns the element of the target (see _getElement), in execute() of a command that is enabled only for a target with an element: execute() runs only then, so there is one. Throws when there is none.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

ModelElement

Inherited from

ElementCommand._requireElement

---

clearForceDisabled()

clearForceDisabled(id): void;

Clears the disabling done by forceDisabled with this id. When no id is left, the command is refreshed, so isEnabled follows the selection again.

Parameters

Parameter	Type
id	string

Returns

void

Inherited from

ElementCommand.clearForceDisabled

---

execute()

execute(elementOrPosition?): void;

Inserts a new element at the target, and selects it.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

void

Overrides

ElementCommand.execute

---

executeFor()

executeFor(elementOrPosition, ...args): unknown;

Executes the command for the target, even when the command is disabled for the selection (execute() checks isEnabled, which follows the selection). Does nothing when the command is disabled for the target.

The target is the first argument of execute(); the other arguments are passed after it.

Parameters

Parameter	Type
elementOrPosition	ElementOrPosition
...args	unknown[]

Returns

unknown

Inherited from

ElementCommand.executeFor

---

forceDisabled()

forceDisabled(id): void;

Disables the command for every target until it is enabled back with clearForceDisabled for every id it was disabled with. See isForceDisabled.

Parameters

Parameter	Type
id	string

Returns

void

Inherited from

ElementCommand.forceDisabled

---

getState()

getState(elementOrPosition?): ElementOrPositionState;

Returns whether the command would be enabled and "on" for the target, without changing isEnabled. Commands that change the data are disabled in read-only mode, and all commands are disabled when isForceDisabled.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

ElementOrPositionState

Inherited from

ElementCommand.getState

---

isElement()

isElement(node): node is ModelElement;

Whether a node is an element of the command: it is named elementName, and has the elementAttributes.

Parameters

Parameter	Type
node	| ModelDocumentFragment | ModelItem | null

Returns

node is ModelElement

Inherited from

ElementCommand.isElement

---

refresh()

refresh(elementOrPosition?): void;

Sets isEnabled for the target (by default, the selection). See _getStateFor.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

void

Inherited from

ElementCommand.refresh