Sign up (with export icon)

ModelNode

Api-class icon class

Model node. Most basic structure of model tree.

This is an abstract class that is a base for other classes representing different nodes in model.

Note: If a node is detached from the model tree, you can manipulate it using it's API. However, it is very important that nodes already attached to model tree should be only changed through Writer API.

Changes done by Node methods, like _insertChild or _setAttribute do not generate operations which are essential for correct editor work if you modify nodes in document root.

The flow of working on Node (and classes that inherits from it) is as such:

  1. You can create a Node instance, modify it using it's API.
  2. Add Node to the model using Batch API.
  3. Change Node that was already added to the model using Batch API.

Similarly, you cannot use Batch API on a node that has not been added to the model tree, with the exception of inserting that node to the model tree.

Be aware that using remove from Batch API does not allow to use Node API because the information about Node is still kept in model document.

In case of element node, adding and removing children also counts as changing a node and follows same rules.

Properties

Methods

  • Chevron-right icon

    constructor( [ attrs ] )

    Creates a model node.

    This is an abstract class, so this constructor should not be used directly.

    Parameters

    [ attrs ] : ModelNodeAttributes

    Node's attributes. See toMap for a list of accepted values.

  • Chevron-right icon

    getAncestors( options = { [options.includeSelf], [options.parentFirst] } ) → Array<ModelNode | ModelDocumentFragment>

    Returns ancestors array of this node.

    Parameters

    options : object

    Options object.

    Properties
    [ options.includeSelf ] : boolean

    When set to true this node will be also included in parent's array.

    [ options.parentFirst ] : boolean

    When set to true, array will be sorted from node's parent to root element, otherwise root element will be the first item in the array.

    Defaults to {}

    Returns

    Array<ModelNode | ModelDocumentFragment>

    Array with ancestors.

  • Chevron-right icon

    getAttribute( key ) → unknown

    Gets an attribute value for given key or undefined if that attribute is not set on node.

    Parameters

    key : string

    Key of attribute to look for.

    Returns

    unknown

    Attribute value or undefined.

  • Chevron-right icon

    getAttributeKeys() → IterableIterator<string>

    Returns iterator that iterates over this node's attribute keys.

    Returns

    IterableIterator<string>
  • Chevron-right icon

    getAttributes() → IterableIterator<tuple>

    Returns iterator that iterates over this node's attributes.

    Attributes are returned as arrays containing two items. First one is attribute key and second is attribute value. This format is accepted by native Map object and also can be passed in Node constructor.

    Returns

    IterableIterator<tuple>
  • Chevron-right icon

    getCommonAncestor( node, options = { [options.includeSelf] } ) → null | ModelElement | ModelDocumentFragment

    Returns a ModelElement or ModelDocumentFragment which is a common ancestor of both nodes.

    Parameters

    node : ModelNode

    The second node.

    options : object

    Options object.

    Properties
    [ options.includeSelf ] : boolean

    When set to true both nodes will be considered "ancestors" too. Which means that if e.g. node A is inside B, then their common ancestor will be B.

    Defaults to {}

    Returns

    null | ModelElement | ModelDocumentFragment
  • Chevron-right icon

    getPath() → Array<number>

    Gets path to the node. The path is an array containing starting offsets of consecutive ancestors of this node, beginning from root, down to this node's starting offset. The path can be used to create Position instance.

    const abc = new Text( 'abc' );
    const foo = new Text( 'foo' );
    const h1 = new ModelElement( 'h1', null, new Text( 'header' ) );
    const p = new ModelElement( 'p', null, [ abc, foo ] );
    const div = new ModelElement( 'div', null, [ h1, p ] );
    foo.getPath(); // Returns [ 1, 3 ]. `foo` is in `p` which is in `div`. `p` starts at offset 1, while `foo` at 3.
    h1.getPath(); // Returns [ 0 ].
    div.getPath(); // Returns [].
    
    Copy code

    Returns

    Array<number>
  • Chevron-right icon

    hasAttribute( key ) → boolean

    Checks if the node has an attribute with given key.

    Parameters

    key : string

    Key of attribute to check.

    Returns

    boolean

    true if attribute with given key is set on node, false otherwise.

  • Chevron-right icon

    is( type ) → this is ModelElement | ModelRootElement
    inherited

    Checks whether the object is of type ModelElement or its subclass.

    element.is( 'element' ); // -> true
    element.is( 'node' ); // -> true
    element.is( 'model:element' ); // -> true
    element.is( 'model:node' ); // -> true
    
    element.is( 'view:element' ); // -> false
    element.is( 'documentSelection' ); // -> false
    
    Copy code

    Assuming that the object being checked is an element, you can also check its name:

    element.is( 'element', 'imageBlock' ); // -> true if this is an <imageBlock> element
    text.is( 'element', 'imageBlock' ); -> false
    
    Copy code

    Parameters

    type : 'element' | 'model:element'

    Returns

    this is ModelElement | ModelRootElement
  • Chevron-right icon

    is( type ) → this is ModelRootElement
    inherited

    Checks whether the object is of type ModelRootElement.

    rootElement.is( 'rootElement' ); // -> true
    rootElement.is( 'element' ); // -> true
    rootElement.is( 'node' ); // -> true
    rootElement.is( 'model:rootElement' ); // -> true
    rootElement.is( 'model:element' ); // -> true
    rootElement.is( 'model:node' ); // -> true
    
    rootElement.is( 'view:element' ); // -> false
    rootElement.is( 'documentFragment' ); // -> false
    
    Copy code

    Assuming that the object being checked is an element, you can also check its name:

    rootElement.is( 'rootElement', '$root' ); // -> same as above
    
    Copy code

    Parameters

    type : 'rootElement' | 'model:rootElement'

    Returns

    this is ModelRootElement
  • Chevron-right icon

    is( type ) → this is ModelPosition | ModelLivePosition
    inherited

    Checks whether the object is of type ModelPosition or its subclass.

    position.is( 'position' ); // -> true
    position.is( 'model:position' ); // -> true
    
    position.is( 'view:position' ); // -> false
    position.is( 'documentSelection' ); // -> false
    
    Copy code

    Parameters

    type : 'position' | 'model:position'

    Returns

    this is ModelPosition | ModelLivePosition
  • Chevron-right icon

    is( type ) → this is ModelText
    inherited

    Checks whether the object is of type ModelText.

    text.is( '$text' ); // -> true
    text.is( 'node' ); // -> true
    text.is( 'model:$text' ); // -> true
    text.is( 'model:node' ); // -> true
    
    text.is( 'view:$text' ); // -> false
    text.is( 'documentSelection' ); // -> false
    
    Copy code

    Note: Until version 20.0.0 this method wasn't accepting '$text' type. The legacy 'text' type is still accepted for backward compatibility.

    Parameters

    type : '$text' | 'model:$text'

    Returns

    this is ModelText
  • Chevron-right icon

    is( type ) → this is ModelRange | ModelLiveRange
    inherited

    Checks whether the object is of type ModelRange or its subclass.

    range.is( 'range' ); // -> true
    range.is( 'model:range' ); // -> true
    
    range.is( 'view:range' ); // -> false
    range.is( 'documentSelection' ); // -> false
    
    Copy code

    Parameters

    type : 'range' | 'model:range'

    Returns

    this is ModelRange | ModelLiveRange
  • Chevron-right icon

    is( type ) → this is ModelDocumentSelection
    inherited

    Checks whether the object is of type ModelDocumentSelection.

    selection.is( 'selection' ); // -> true
    selection.is( 'documentSelection' ); // -> true
    selection.is( 'model:selection' ); // -> true
    selection.is( 'model:documentSelection' ); // -> true
    
    selection.is( 'view:selection' ); // -> false
    selection.is( 'element' ); // -> false
    selection.is( 'node' ); // -> false
    
    Copy code

    Parameters

    type : 'documentSelection' | 'model:documentSelection'

    Returns

    this is ModelDocumentSelection
  • Chevron-right icon

    is( type, name ) → boolean
    inherited

    Checks whether the object is of type ModelElement or its subclass and has the specified name.

    element.is( 'element', 'imageBlock' ); // -> true if this is an <imageBlock> element
    text.is( 'element', 'imageBlock' ); -> false
    
    Copy code

    Type parameters

    N : extends string

    Parameters

    type : 'element' | 'model:element'
    name : N

    Returns

    boolean
  • Chevron-right icon

    is( type ) → this is ModelTextProxy
    inherited

    Checks whether the object is of type ModelTextProxy.

    textProxy.is( '$textProxy' ); // -> true
    textProxy.is( 'model:$textProxy' ); // -> true
    
    textProxy.is( 'view:$textProxy' ); // -> false
    textProxy.is( 'range' ); // -> false
    
    Copy code

    Note: Until version 20.0.0 this method wasn't accepting '$textProxy' type. The legacy 'textProxt' type is still accepted for backward compatibility.

    Parameters

    type : '$textProxy' | 'model:$textProxy'

    Returns

    this is ModelTextProxy
  • Chevron-right icon

    is( type ) → this is Marker
    inherited

    Checks whether the object is of type Marker.

    marker.is( 'marker' ); // -> true
    marker.is( 'model:marker' ); // -> true
    
    marker.is( 'view:element' ); // -> false
    marker.is( 'documentSelection' ); // -> false
    
    Copy code

    Parameters

    type : 'marker' | 'model:marker'

    Returns

    this is Marker
  • Chevron-right icon

    is( type ) → this is ModelSelection | ModelDocumentSelection
    inherited

    Checks whether the object is of type ModelSelection or ModelDocumentSelection.

    selection.is( 'selection' ); // -> true
    selection.is( 'model:selection' ); // -> true
    
    selection.is( 'view:selection' ); // -> false
    selection.is( 'range' ); // -> false
    
    Copy code

    Parameters

    type : 'selection' | 'model:selection'

    Returns

    this is ModelSelection | ModelDocumentSelection
  • Chevron-right icon

    is( type ) → this is ModelDocumentFragment
    inherited

    Checks whether the object is of type ModelDocumentFragment.

    docFrag.is( 'documentFragment' ); // -> true
    docFrag.is( 'model:documentFragment' ); // -> true
    
    docFrag.is( 'view:documentFragment' ); // -> false
    docFrag.is( 'element' ); // -> false
    docFrag.is( 'node' ); // -> false
    
    Copy code

    Parameters

    type : 'documentFragment' | 'model:documentFragment'

    Returns

    this is ModelDocumentFragment
  • Chevron-right icon

    is( type ) → this is ModelLiveRange
    inherited

    Checks whether the object is of type ModelLiveRange.

    liveRange.is( 'range' ); // -> true
    liveRange.is( 'model:range' ); // -> true
    liveRange.is( 'liveRange' ); // -> true
    liveRange.is( 'model:liveRange' ); // -> true
    
    liveRange.is( 'view:range' ); // -> false
    liveRange.is( 'documentSelection' ); // -> false
    
    Copy code

    Parameters

    type : 'liveRange' | 'model:liveRange'

    Returns

    this is ModelLiveRange
  • Chevron-right icon

    is( type ) → this is ModelLivePosition
    inherited

    Checks whether the object is of type ModelLivePosition.

    livePosition.is( 'position' ); // -> true
    livePosition.is( 'model:position' ); // -> true
    livePosition.is( 'liveposition' ); // -> true
    livePosition.is( 'model:livePosition' ); // -> true
    
    livePosition.is( 'view:position' ); // -> false
    livePosition.is( 'documentSelection' ); // -> false
    
    Copy code

    Parameters

    type : 'livePosition' | 'model:livePosition'

    Returns

    this is ModelLivePosition
  • Chevron-right icon

    is( type, name ) → boolean
    inherited

    Checks whether the object is of type ModelRootElement and has the specified name.

    rootElement.is( 'rootElement', '$root' );
    
    Copy code

    Type parameters

    N : extends string

    Parameters

    type : 'rootElement' | 'model:rootElement'
    name : N

    Returns

    boolean
  • Chevron-right icon

    is( type ) → this is ModelNode | ModelText | ModelElement | ModelRootElement
    inherited

    Checks whether the object is of type ModelNode or its subclass.

    This method is useful when processing model objects that are of unknown type. For example, a function may return a ModelDocumentFragment or a ModelNode that can be either a text node or an element. This method can be used to check what kind of object is returned.

    someObject.is( 'element' ); // -> true if this is an element
    someObject.is( 'node' ); // -> true if this is a node (a text node or an element)
    someObject.is( 'documentFragment' ); // -> true if this is a document fragment
    
    Copy code

    Since this method is also available on a range of view objects, you can prefix the type of the object with model: or view: to check, for example, if this is the model's or view's element:

    modelElement.is( 'model:element' ); // -> true
    modelElement.is( 'view:element' ); // -> false
    
    Copy code

    By using this method it is also possible to check a name of an element:

    imageElement.is( 'element', 'imageBlock' ); // -> true
    imageElement.is( 'element', 'imageBlock' ); // -> same as above
    imageElement.is( 'model:element', 'imageBlock' ); // -> same as above, but more precise
    
    Copy code

    Parameters

    type : 'node' | 'model:node'

    Returns

    this is ModelNode | ModelText | ModelElement | ModelRootElement
  • Chevron-right icon

    isAfter( node ) → boolean

    Returns whether this node is after given node. false is returned if nodes are in different trees (for example, in different ModelDocumentFragments).

    Parameters

    node : ModelNode

    Node to compare with.

    Returns

    boolean
  • Chevron-right icon

    isAttached() → boolean

    Returns true if the node is inside a document root that is attached to the document.

    Returns

    boolean
  • Chevron-right icon

    isBefore( node ) → boolean

    Returns whether this node is before given node. false is returned if nodes are in different trees (for example, in different ModelDocumentFragments).

    Parameters

    node : ModelNode

    Node to compare with.

    Returns

    boolean
  • Chevron-right icon

    toJSON() → unknown

    Converts Node to plain object and returns it.

    Returns

    unknown

    Node converted to plain object.

  • Chevron-right icon

    _clearAttributes() → void
    internal

    Removes all attributes from the node.

    Returns

    void

    Related:

  • Chevron-right icon

    _clone( [ _deep ] ) → ModelNode
    internal

    Creates a copy of this node, that is a node with exactly same attributes, and returns it.

    Parameters

    [ _deep ] : boolean

    Returns

    ModelNode

    Node with same attributes as this node.

  • Chevron-right icon

    _remove() → void
    internal

    Removes this node from its parent.

    Returns

    void

    Related:

  • Chevron-right icon

    _removeAttribute( key ) → boolean
    internal

    Removes an attribute with given key from the node.

    Parameters

    key : string

    Key of attribute to remove.

    Returns

    boolean

    true if the attribute was set on the element, false otherwise.

    Related:

  • Chevron-right icon

    _setAttribute( key, value ) → void
    internal

    Sets attribute on the node. If attribute with the same key already is set, it's value is overwritten.

    Parameters

    key : string

    Key of attribute to set.

    value : unknown

    Attribute value.

    Returns

    void

    Related:

  • Chevron-right icon

    _setAttributesTo( attrs ) → void
    internal

    Removes all attributes from the node and sets given attributes.

    Parameters

    attrs : ModelNodeAttributes

    Attributes to set. See toMap for a list of accepted values.

    Returns

    void

    Related: