CKEditor - Add context menu item to images

Question

I want to add a context menu item only for selected image elements. The context menu item currently works, but it appears on every item, not just image elements. Here is my code:

CKEDITOR.on('instanceReady', function(ev) { editor.addCommand('editImgCmd', { exec : function( editor ) { alert('editImgCmd'); } }); var editImgCmd = { label : editor.lang.image.menu, command : 'editImgCmd', group : 'image' }; editor.contextMenu.addListener(function(element, selection ) { return { editImgCmd : CKEDITOR.TRISTATE_ON }; }); editor.addMenuItems({ editImgCmd : { label : 'Edit Image', command : 'editImgCmd', group : 'image', order : 2 } }); }); 

Answer 1

Use getAscendant () for the check: img element:

 editor.contextMenu.addListener( function( element, selection ) { if ( element.getAscendant( 'img', true ) ) { return {