概述
在寫上一篇隨筆的過程中翻看了CKEditor的API,現在把相關的經驗記錄下來。
CKEditor的相關文檔地址:http://docs.ckeditor.com/#,API在第二個標簽頁;第一個是主頁,第三個是指南。
圖標解析
導航欄
導航欄提供了兩種視圖:按照包結構、按照繼承關系。
包結構中有三種圖標:
1. 粉紅色的表示單例類,名稱即是實例名
2. 淡藍色的表示普通類,需要實例化
3. 木色的表示分組、分類
內容欄
1. 成員
CKEDITOR包含了四種成員,分別是配置屬性、屬性、方法和事件。每種成員的圖標上有對應的數量,鼠標懸浮在圖標上,可以得到一份清單,可以快速定位到對應的成員。
2. 搜索框
明確標明了Filter class members,所以只對成員名稱的內容有效,而不是全文搜索。
3. Show
這是一個過濾器,你可以選擇顯示哪些內容。
4. 其他
后面的內容就是針對各個成員的介紹。
試煉
1、激活控件
在上一文中,我們使CKEDITOR.replace("editor");
來激活控件,應該在CKEDITOR類查找replace方法:
2、獲取控件實例
在上一文中,我們使用CKEDITOR.instances.editor來獲取名稱為editor的實例,應該在CKEDITOR類查找instances屬性:
可以看到,每一個控件實例,是CKEDITOR.editor的實例。
3、獲取實例初始化完成的事件
CKEDITOR.editor的事件中,查找instanceReady:
對於一個類的事件,我們可以用instance.on("instanceName", function(evt) {} )的方式來使用。
Technorati 標簽:
CKEditor API