在寫上一篇隨筆的過程當中翻看了CKEditor的API,如今把相關的經驗記錄下來。3d
CKEditor的相關文檔地址:http://docs.ckeditor.com/#,API在第二個標籤頁;第一個是主頁,第三個是指南。code
導航欄提供了兩種視圖:按照包結構、按照繼承關係。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) {} )的方式來使用。