umbraco-tiptap-toolbar-extension

To add a custom button to the Umbraco Tiptap rich text editor toolbar, you create a toolbar extension of kind `button` and register it via manifest, then implement an `execute(editor?)` method to run Tiptap chain commands.

You can add color pickers and dropdown menus to the Umbraco backoffice rich text editor by registering toolbar items of kind `colorPickerButton` or `menu` with labels and icons to apply styles or classes to the selected text.

A Tiptap toolbar extension reflects the active formatting state by overriding the `isActive(editor?)` and `isDisabled(editor?)` methods, which evaluate the editor's current selection to update the toolbar control's appearance and behavior.

Yes, you can open an Umbraco backoffice modal directly from a Tiptap toolbar item to collect user input such as a link URL, and then apply the collected data to the editor by executing the appropriate Tiptap chain commands.

To implement a custom Tiptap style selector in Umbraco, you need to register a toolbar item of kind `styleMenu` via a manifest and use API classes that execute editor chains to apply specific classes or styles to the selected content.

Yes, extending the Umbraco Tiptap toolbar requires API classes that execute Tiptap editor chains, ensuring the editor is focused and commands like toggling bold or setting headings are properly applied to the active selection.