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

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

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

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

2015-02-05 volume one

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

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。

來源

2015-02-17 13:51:46 Moe

我正在使用ckeditor 4.x我嘗試使用上面的代碼刪除鏈接選項卡，但它不起作用。我收到錯誤：Uncaught TypeError：無法讀取屬性'刪除'null。 – jhedm 2015-04-20 09:11:06

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

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

來源

2015-02-06 06:44:22

我看着那個文檔，但我仍然很困惑。我只想爲用戶添加選擇本地機器上的圖像文件的功能，以便將它們包含在textarea中，而不是指向其他地方託管的圖像文件的URL。你能建議如何做到這一點？ – 2015-02-06 14:15:54

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

回答

相關問題