劫持CKeditor輸入字段

Question

我希望能夠抓住CKeditor中的圖像對話框時，從URL文本輸入字段獲取onfocus事件。

我試着爲元素（id＃cke_75_textInput）添加一個事件處理程序，但它只在點擊了Image按鈕後纔出現在DOM中。

查看了CKEditor 3 JavaScript API文檔，在這裏，我一直在掙扎，找不到我需要的東西。

這可以通過API來完成嗎？

Answer 1

有沒有必要做一些魔術焦點代表團（這是一個混亂，因爲重點沒有泡沫）。只需使用CKEditor API：

CKEDITOR.on('dialogDefinition', function(evt) { 
    if (evt.data.name == 'image') { 
     var def = evt.data.definition; 

     var onShow = def.onShow; 
     def.onShow = function() { 
      onShow && onShow.apply(this, arguments); 

      var input = this.getContentElement('info', 'txtUrl'); 
      console.log(input.getValue()); 
      input.on('focus', function() { 
       console.log('focused'); 
      }); 
     }; 
    } 
}); 

PS。 CKE4的文檔比老CKE3的文檔更少 - http://docs.ckeditor.com/#!/api/CKEDITOR.dialog