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