如何在CKEditor中配置圖像屬性對話框？

Question

我現在的圖像屬性對話框僅具有Image Info和Link選項卡可用。我想改變這個對話框，以便：

1. 我想刪除的寬度，高度，從Image Info屏幕
2. 我想刪除Link標籤邊框，HSPACE，VSPACE，對準和預覽元素
3. 我想啓用Upload選項卡，使用戶可以選擇駐留在本地計算機上的圖像文件

我已經做了很多的搜索，但不明白怎麼做上述所有。任何指針？我正在使用CKEditor 4.4.6 Standard。

Answer 1

好，這裏是如何處理的代碼圖像對話框：

CKEDITOR.on('dialogDefinition', function(ev) { 
    var editor = ev.editor; 
    var dialogName = ev.data.name; 
    var dialogDefinition = ev.data.definition; 

    if (dialogName == 'image') { 
     var infoTab = dialogDefinition.getContents('info'); 
     infoTab.remove('txtBorder'); //Remove Element Border From Tab Info 
     infoTab.remove('txtHSpace'); //Remove Element Horizontal Space From Tab Info 
     infoTab.remove('txtVSpace'); //Remove Element Vertical Space From Tab Info 
     infoTab.remove('txtWidth'); //Remove Element Width From Tab Info 
     infoTab.remove('txtHeight'); //Remove Element Height From Tab Info 

     //Remove tab Link 
     dialogDefinition.removeContents('Link'); 
    } 
}); 

對於點3，默認CKEditor的不包含圖像閱覽設施......這意味着上傳和瀏覽按鈕不會出現......

這裏有3個選項，你可以看到我的這個網頁上評論：你如何能做到這一點link。

Answer 2

以下資源可能會有所幫助：

• CKEditor的開發者文檔Dialog Windows HOWTO部分。
• 的Using CKEditor Dialog API樣品（這也是在當地CKEditor的封裝） - 檢查其源代碼的更改將如何做。
• 的Developer Tools插件，它會顯示所有CKEditor的對話窗口元素的名稱和ID。