CkEditor: how to open my own plugin dialog

Question

I'm new to CkEditor plugin development and have a simple question.

Following problem: I have a very 'special', non-consumer oriented media asset storage (stored as a tree hierarchy on the file system). The CkEditor user should find these media assets and so I implemented a plugin for this with a find that loads the tree on the left and displays the media assets on the left side. The user can now choose the tree item and choose the media asset on the left side. The plugin works, the code is generated with an img-Tag. When I double click on the new generated code, the 'image'-plugin-dialog gets loaded and not my custom dialog.

Question: What can I do to tell CkEditor to open my dialog? I suppose, there is an internal mapping from tag -> dialog and the img-Tag loads the img-Dialog. Which possibilities do I have? Do I have to use custom tags for that?

D.ig D.ig · Accepted Answer · 2016-07-08T10:18:40

The problem can be solved by using the 'doubleclick'-Hook, e.g.

initDoubleClickHandler: function(editor) {
  editor.on( 'doubleclick', function(e) {
    var selection = editor.getSelection();
    var start = selection.getStartElement();
    var attribute = start.getAttribute('data-type');
    if ( attribute != undefined && attribute != null && attribute == 'myplugin' ) {
      e.data.dialog = 'myPluginDialog';
    }
  });
}

CkEditor: how to open my own plugin dialog

2 Answers