ckeditor5-elements / ElementCommand

Class: ElementCommand

The base of the commands of one element, one for each kind of element: what they share is the element, the state, and how they find their targets and check the schema.

• ElementInlineCommand: an inline element with text, as bold;
• ElementBlockCommand: a block, as a heading;
• ElementContainerCommand: a container of blocks, as a block quote;
• ElementListCommand: a list of blocks, as a bulleted list;
• ElementInsertCommand: an element that is inserted, as a horizontal line, an inline image, or a card.

The element is the one of elementName, with the elementAttributes: a command can be for one kind of an element, e.g. a callout with type="note".

As every ElementOrPositionCommand, it is for the selection, or for a given position or element, e.g. of a context menu.

Extends

• ElementOrPositionCommand

Extended by

• ElementInlineCommand
• ElementBlockCommand
• ElementContainerCommand
• ElementInsertCommand

Constructors

Constructor

new ElementCommand(editor, elementName): ElementCommand;

Parameters

Parameter	Type
editor	Editor
elementName	string

Returns

ElementCommand

Overrides

ElementOrPositionCommand.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.

---

elementName

readonly elementName: string;

The name of the model element of the command.

---

icon

icon: string | undefined;

Observable

The icon (SVG string) of the command.

Inherited from

ElementOrPositionCommand.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

ElementOrPositionCommand.isForceDisabled

---

isOn

isOn: boolean;

Observable

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

---

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

ElementOrPositionCommand.isToggleable

---

title

title: string;

Observable

The title of the command.

Inherited from

ElementOrPositionCommand.title

---

tooltip

tooltip: string | boolean;

Observable

The tooltip of the command. true uses the title.

Inherited from

ElementOrPositionCommand.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

---

_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

---

_createElement()

protected _createElement(writer): ModelElement;

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

Parameters

Parameter	Type
writer	ModelWriter

Returns

ModelElement

---

_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

---

_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[]

---

_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[]

---

_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

ElementOrPositionCommand._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

ElementOrPositionCommand._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

ElementOrPositionCommand._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

---

_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

ElementOrPositionCommand._getStateFor

---

_isEnabledFor()

protected _isEnabledFor(elementOrPosition?): boolean;

Whether the command is enabled for the target. By default: when there is a target and it can be edited.

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

boolean

Inherited from

ElementOrPositionCommand._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

ElementOrPositionCommand._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

---

_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

ElementOrPositionCommand._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

ElementOrPositionCommand.clearForceDisabled

---

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

ElementOrPositionCommand.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

ElementOrPositionCommand.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

ElementOrPositionCommand.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

---

refresh()

refresh(elementOrPosition?): void;

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

Parameters

Parameter	Type
elementOrPosition?	ElementOrPosition

Returns

void

Overrides

ElementOrPositionCommand.refresh