skills.rest
kraftvaerk
kraftvaerkOFFICIAL
Explore all skills by this author →
WebsiteGitHub

umbraco-tiptap-statusbar-extension

Creates custom status bar extensions for the Umbraco Rich Text Editor (Tiptap).

Updated Mar 6, 2026
Search Tags:#frontend#extension#rich text editor#tiptap#umbraco#statusbar
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-tiptap-statusbar-extension-kraftvaerk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-tiptap-statusbar-extension
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-tiptap-statusbar-extension
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-tiptap-statusbar-extension-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the creation of custom status bar elements for the Umbraco Rich Text Editor (Tiptap), providing users with real-time information and enhanced editor feedback.

Core Features & Use Cases

  • Custom Status Bar Components: Add elements like word count, character count, or element path (breadcrumb navigation) to the Tiptap editor's status bar.
  • Real-time Information: Display dynamic information that updates as the user interacts with the editor.
  • Use Case: Integrate a word count and character count display directly into the status bar of a rich text field, allowing content creators to monitor length constraints in real-time.

Quick Start

Use the umbraco-tiptap-statusbar-extension skill to create a word count statusbar element for the Umbraco rich text editor.

Frequently Asked Questions about umbraco-tiptap-statusbar-extension

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a word count to the Umbraco rich text editor status bar?▼

To add a word count to the Umbraco rich text editor status bar, you can implement a custom Tiptap status bar extension that utilizes Umbraco's extension registry to display real-time editor information.

Can I display dynamic character counts in the Umbraco Tiptap editor?▼

Yes, you can display dynamic character counts in the Umbraco Tiptap editor by defining custom manifest and element files that leverage the Tiptap editor context API for real-time updates.

How do I create a custom status bar extension for the Umbraco Tiptap editor?▼

Creating a custom status bar extension for the Umbraco Tiptap editor involves defining manifest and element files, leveraging Umbraco's extension registry to integrate custom elements like element paths.

Does the Umbraco rich text editor support element path breadcrumb navigation?▼

Yes, the Umbraco rich text editor supports element path breadcrumb navigation by implementing custom status bar extensions that leverage the Tiptap editor context API to track the current element path.

What kind of real-time information can I show in the Umbraco Tiptap status bar?▼

You can show real-time information such as word count, character count, and element path breadcrumbs in the Umbraco Tiptap status bar by defining custom manifest and element files.

Do I need to use the extension registry to build Umbraco rich text editor extensions?▼

Yes, leveraging the Umbraco extension registry is required to build custom rich text editor extensions, as it facilitates the registration and dynamic updates of custom status bar components.

Related Skills

Explore More Software Engineering Skills→
kraftvaerkkraftvaerk

umbraco-tiptap-toolbar-extension

Implement custom Tiptap toolbar extensions for the Umbraco rich text editor.

Official
Intermediate
umbracoumbraco
26

umbraco-tiptap-statusbar-extension

Create custom status bar extensions for the Umbraco Rich Text Editor using Tiptap.

Official
Intermediate
albanistalbanist
4

umbraco-tiptap-toolbar-extension

Implement custom Tiptap toolbar extensions for the Umbraco rich text editor.

Community
Intermediate
kraftvaerkkraftvaerk

umbraco-tiptap-extension

Implement Tiptap extensions for custom nodes and marks in Umbraco's rich text editor.

Official
Intermediate