Context Menu Manager

Provides a registry for commands that you'd like to appear in the context menu. An instance of this class is always available as the inkdrop.contextMenu global.

Context Menu JSON Format

In your package's menu .json file you need to specify it under a context-menu key like so:

{
  "context-menu": {
    ".mde-preview": [
      { "label": "Copy", "command": "core:copy" },
      { "label": "Select All", "command": "core:select-all" }
    ]
  }
}

The format for use in ::add is the same minus the context-menu key.


add(itemsBySelector)

Adding Context Menu Items

Add context menu items scoped by CSS selectors.

To add a context menu, pass a selector matching the elements to which you want the menu to apply as the top level key, followed by a menu descriptor. The invocation below adds a 'History' submenu on the editor supporting undo/redo. This is just for example purposes and not the way the menu is actually configured in Inkdrop by default.

Returns

Returns a Disposable on which .dispose() can be called to remove the added menu items.

Adding Context Menu Example

inkdrop.contextMenu.add({
  '.CodeMirror': [
    {
      label: 'History',
      submenu: [
        { label: 'Undo', command: 'core:undo' },
        { label: 'Redo', command: 'core:redo' }
      ]
    }
  ]
})
Can you help us improve the docs? 🙏

The source of these docs is here on GitHub. If you see a way these docs can be improved, please fork us!