[SOLVED] Register Clickhandler on every dialog / plugin

Hi,

we want to handle click events in the dialog windows / plugins. Our problem is the underlying modal window from GWT which blocks our events. (http://ckeditor.com/forums/CKEditor/Focus-for-TextItems-in-Dialogs-only-on-Label-click)

Is it possible to register a click event on every dialog / plugin in ckeditor to manually focus the specific items? Something like:

if ((evt.target.tagName == "INPUT" || evt.target.tagName == "SELECT" || evt.target.tagName == "TEXTAREA") && -1 != evt.target.className.indexOf("cke_dialog_ui_input")) {
evt.target.focus();
};

We can do it in document.onClick which works fine, but we want to limit it to the ckeditor and not to our whole application.

We cannot register it by default to ckeditor instance, because the plugins are loaded on the fly and appended in the body tag.

Any ideas?

Thu, 05/08/2014 - 15:23

Heady86

Joined: 11/04/2014

Posts: 37

This code works for us:

CKEDITOR.on('dialogDefinition', function (e) {    
    var dialog = e.data.definition.dialog;
    dialog.on('show', function () {    
          var element = this.getElement();
          var labelledby = element.getAttribute('aria-labelledby');          
          var nativeElement = document.querySelector("[aria-labelledby='" + labelledby + "']");          
          nativeElement.onclick = function (evt) {
             if ((evt.target.tagName == "INPUT" || evt.target.tagName == "SELECT" || evt.target.tagName == "TEXTAREA") &&
                  -1 != evt.target.className.indexOf("cke_dialog_ui_input")) {
                  evt.target.focus();    
             };
          }  
    });   
});