CKEditor5——模型理解(三:Element Text)

时间:2022-03-02 11:21:08

在上一节,我们学习了CK5中模型节点Node的API,今天我们学习另一个常用的API:Element。

元素节点说明

element表示模型的元素节点类型,它包含一个拥有名称和子节点的节点类型,继承自Node类。

元素属性说明

1、name,元素的名称

举个例子哈,段落的名称是paragraph,代码块的名称是codeBlock等等。

2、childCount, 子元素的数目

这里指的是此元素节点包含的子元素的数目。

3、isEmpty, 判断此节点是否包含子元素,没有子元素返回true,否则返回false

4、maxOffset 

所有这个子元素的偏移空间的总和。

元素方法说明

1、findAncestor( parentName, [ options ] = { [options.includeSelf] } )

返回指定名称的父元素。如果此元素不在查询的父元素内返回null。另外有一个参数用于指定搜索的时候是否包含本节点自身。

2、getChild(index)

返回此元素的子元素中指定索引的节点。

3、getChildIndex(node)

返回指定节点相对于父元素的索引

4、getChildStartOffset(node)

返回指定节点的起始位置偏移

5、getNodeByPath(relativePath)

返回指定path的节点,注意,这里的path是相对于当前元素,而不是root元素

6、is( type, [ name ] ) → Boolean

检查元素是否是指定类型

好了,元素的基本属性和方法大概这么多,下面我们看看文本节点有哪些不同呢?

文本节点说明

text表示模型的文本节点类型。它包含文本数据,也是继承自Node类。

文本属性说明

1、data

返回节点中包含的文本数据。

文本方法说明

1、is( type, [ name ] ) → Boolean

检查文本是否是指定类型

好了。文本的基本属性和方法比较少。只要平时灵活使用就好。