CKEditor的API查看

概述

在寫上一篇隨筆的過程當中翻看了CKEditor的API,如今把相關的經驗記錄下來。3d

CKEditor的相關文檔地址:http://docs.ckeditor.com/#,API在第二個標籤頁;第一個是主頁,第三個是指南。code

文檔首頁

圖標解析

1449739841158導航欄

導航欄  導航欄-繼承關係

導航欄提供了兩種視圖:按照包結構、按照繼承關係。blog

包結構中有三種圖標:繼承

1. 粉紅色的表示單例類,名稱便是實例名事件

2. 淡藍色的表示普通類,須要實例化ci

3. 木色的表示分組、分類文檔

內容欄

內容欄

1. 成員get

CKEDITOR包含了四種成員,分別是配置屬性、屬性、方法和事件。每種成員的圖標上有對應的數量,鼠標懸浮在圖標上,能夠獲得一份清單,能夠快速定位到對應的成員。it

2. 搜索框io

明確標明瞭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
相關文章
相關標籤/搜索