Example of Custom Context Menu in React DocumentEditor Component


This example demonstrates how to add custom option in context menu and some customization for context menu.

More Details...


In this example, custom options added to search the selected text in google. The custom options will be visible after selecting the text.

Context Menu Customization Features

  • Hide existing menu item and show custom menu item alone. It will be achieved by passing boolean value in second parameter of addCustomMenu() method
  • Show the custom menu item in bottom of the exisiting item. It will be achieved by passing boolean value in third parameter of addCustomMenu() method
  • Customize visibility of the added custom menu item. It will be achieved using the customContextMenuBeforeOpen Event
  • Custom Option Functionality achieved by using the customContextMenuSelect Event

More information about the document editor features can be found in this documentation section.