CKEditor的API查看


概述

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

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

文檔首頁

圖標解析

1449739841158導航欄

導航欄  導航欄-繼承關系

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

包結構中有三種圖標:

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM