CKEditor的API查看

概述

在写上一篇随笔的过程当中翻看了CKEditor的API，如今把相关的经验记录下来。

CKEditor的相关文档地址：http://docs.ckeditor.com/#，API在第二个标签页；第一个是主页，第三个是指南。

图标解析

导航栏

 

导航栏提供了两种视图：按照包结构、按照继承关系。

包结构中有三种图标：

1. 粉红色的表示单例类，名称便是实例名

2. 淡蓝色的表示普通类，须要实例化

3. 木色的表示分组、分类

内容栏

1. 成员

CKEDITOR包含了四种成员，分别是配置属性、属性、方法和事件。每种成员的图标上有对应的数量，鼠标悬浮在图标上，能够获得一份清单，能够快速定位到对应的成员。

2. 搜索框

明确标明了Filter class members，因此只对成员名称的内容有效，而不是全文搜索。

3. Show

这是一个过滤器，你能够选择显示哪些内容。

4. 其余

后面的内容就是针对各个成员的介绍。

试炼

一、激活控件

在上一文中，咱们使CKEDITOR.replace("editor");来激活控件，应该在CKEDITOR类查找replace方法：

二、获取控件实例

在上一文中，咱们使用CKEDITOR.instances.editor来获取名称为editor的实例，应该在CKEDITOR类查找instances属性：

能够看到，每个控件实例，是CKEDITOR.editor的实例。

三、获取实例初始化完成的事件

CKEDITOR.editor的事件中，查找instanceReady：

 

对于一个类的事件，咱们能够用instance.on("instanceName", function(evt) {} )的方式来使用。

 

Technorati 标签: CKEditor API