umbraco-tiptap-extension

To add a custom Tiptap extension in Umbraco, you create and register a ManifestTiptapExtension defining the type, alias, api, and meta, then implement UmbTiptapExtensionApiBase to introduce new nodes, marks, or editor behaviors.

You can customize the Umbraco rich text editor by creating new block nodes like callouts, applying custom formatting marks like highlights, and adding optional CSS styling to ensure content renders correctly in the backoffice.

Yes, you can build configurable Tiptap extensions by reading configuration inputs from the Umbraco property editor, allowing you to toggle editor features like multicolor highlight options without modifying the underlying code.

The best way to register a custom Tiptap block node in Umbraco is to define a manifest with a specific alias, label, icon, and grouping, then map it to an API class extending UmbTiptapExtensionApiBase for backoffice rendering.

Yes, TypeScript is used for Umbraco Tiptap extension development to implement the API class and manifest structure, ensuring custom nodes, marks, and editor behaviors integrate correctly with the backoffice ecosystem.

The manifest structure works by defining a ManifestTiptapExtension that registers your custom extension alias, label, icon, and grouping so the new editor feature appears and functions within the Umbraco backoffice ecosystem.