umbraco-tiptap-extension
Umbraco Tiptap Extension
What is it?
A Tiptap Extension adds functionality to Umbraco's Rich Text Editor (which is built on Tiptap). Extensions can add new node types (like custom blocks), marks (like custom formatting), or other editor capabilities. The extension API provides the underlying Tiptap extensions that get registered with the editor.
Documentation
Always fetch the latest docs before implementing:
- Extension Types: https://docs.umbraco.com/umbraco-cms/customizing/extending-overview/extension-types
- Rich Text Editor: https://docs.umbraco.com/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/rich-text-editor
- Tiptap Docs: https://tiptap.dev/docs/editor/extensions/overview
- Foundation: https://docs.umbraco.com/umbraco-cms/customizing/foundation
Related Skills
-
Tiptap Toolbar Extension: For adding toolbar buttons
- Reference skill:
umbraco-tiptap-toolbar-extension
- Reference skill:
-
Tiptap Statusbar Extension: For adding statusbar elements
More from umbraco/umbraco-cms-backoffice-skills
umbraco-backoffice
Umbraco backoffice extension customisation - complete working examples showing how extension types combine
184umbraco-controllers
Understand and create controllers in Umbraco backoffice (foundational concept)
170umbraco-extension-template
Create new Umbraco backoffice extensions using the official dotnet template
169umbraco-dashboard
Implement dashboards in Umbraco backoffice using official docs
169umbraco-quickstart
Quick setup for Umbraco extension development - creates instance, extension, and registers it
167umbraco-property-editor-ui
Implement property editor UIs in Umbraco backoffice using official docs
164