Question

I would like to show a menu item in the context menu if the user right-click on a selection OR they right click on an image.

Currently I am using this code but unfortunately it shows the menu item twice if I right click on an image which is part of a selection made by the user.

contextMenu.Item({
    label: contextMenuItemLabel,
    contentScriptFile: contextMenuItemContentScriptFiles,
    context: contextMenu.SelectionContext(),                
        onMessage: function (posted) { someFunction(posted) }               
});

contextMenu.Item({
    label: contextMenuItemLabel,
    contentScriptFile: contextMenuItemContentScriptFiles,
    context: contextMenu.SelectorContext("img"),
        onMessage: function (posted) { someFunction(posted) }
});

Can you please tell me what is the current way to do this if you know it – I am spending so much time on this.

Thanks.

Answer 1

I went for this:

self.on("context", function (node, data) {
        return ((node.nodeName == "IMG") || 
                (getSelection().length) );
});

where getSelection() is a function returning the current selection.

Thanks for your help.