敲碎时间,铸造不朽的个人专栏
上一篇

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

广告
选中文字可对指定文章内容进行评论啦,→和←可快速切换按钮,绿色背景文字可以点击查看评论额。
大纲

在上一节,我们学习了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

检查文本是否是指定类型

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

 

版权声明:著作权归作者所有。

X

欢迎加群学习交流

联系我们