
Umbraco Tiptap Statusbar Extension
Adds informational components to the status bar at the bottom of Umbraco's Tiptap rich text editor. You get three solid examples: a word and character counter that updates on editor changes, an element path breadcrumb showing the node hierarchy at cursor position, and a line/column position indicator. All three consume the UMB_TIPTAP_RTE_CONTEXT to subscribe to editor events like update and selectionUpdate. The skill fetches current Umbraco docs before generating anything, which matters since the extension registry types change between versions. Statusbar extensions are read only displays, so if you need interactive controls that modify content, you want the toolbar extension skill instead.
- skills.sh installs
- 382
- GitHub stars
- 27
- last updated
- Aug 21, 2026
Install
$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-tiptap-statusbar-extension --agent claude-codeInstalls into .claude/skills of the current project.
Files
Umbraco Tiptap Statusbar Extension
What is it?
A Tiptap Statusbar Extension adds components to the status bar at the bottom of the Rich Text Editor. Common uses include showing element path (breadcrumb navigation), word count, character count, or other editor state information. Unlike toolbar extensions, statusbar extensions are purely visual/informational elements.
Documentation
Always fetch the latest docs before implementing:
- Extension Types: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/extending-overview/extension-types
- Rich Text Editor: https://docs.umbraco.com/umbraco-cms/model-your-content/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/extend-your-project/backoffice-extensions/foundation
Related Skills
-
Tiptap Extension: For adding editor functionality
- Reference skill:
umbraco-tiptap-extension
- Reference skill:
-
Umbraco Element: For implementing the statusbar element
- Reference skill:
umbraco-umbraco-element
- Reference skill:
Sponsors
Details
- Repository
- github.com/umbraco/umbraco-cms-backoffice-skills
- Categories
- Documentation, .NET & C#
- First seen
- Jun 3, 2026
More from umbraco/umbraco-cms-backoffice-skills
All 76- Umbraco Tiptap Toolbar Extension382
- Umbraco Validation Checks382
- Umbraco Ufm Component381
- Umbraco Validation Context381
- Umbraco E2e Testing380
- Umbraco Msw Testing379
- Umbraco Unit Testing374
- Umbraco Test Builders370
- Umbraco Testing368
- Umbraco Backoffice447
- Umbraco Controllers418
- Umbraco Dashboard418
- Umbraco Extension Template413
- Umbraco Quickstart406
- Umbraco Openapi Client405
- Umbraco Property Editor Ui405
- Umbraco Extension Registry403
- Umbraco Notifications403
- Umbraco Add Extension Reference402
- Umbraco Context Api402
- Umbraco Routing401
- Umbraco Entity Create Option Action400
- Umbraco Menu Items400
- Umbraco Mfa Login Provider400