umbraco-tiptap-statusbar-extension

You can add these indicators by implementing a Tiptap status bar extension in Umbraco. This involves defining a manifest with an alias and rendering a Lit element that listens to editor update or selectionUpdate events to display live context.

A Tiptap status bar extension in Umbraco is used for displaying continuously updating authoring context, such as word counts, character counts, element path breadcrumbs, or live cursor line and column indicators, without overloading the rich text editor toolbar.

To access the Umbraco Tiptap editor context when building custom RTE UI components, your Lit element needs to consume the UMB_TIPTAP_RTE_CONTEXT. This context allows your component to subscribe to editor events like content updates and selection changes.

Yes, you can display an element path breadcrumb trail in the Umbraco rich text editor by creating a Tiptap status bar extension. The extension renders a Lit element that consumes the UMB_TIPTAP_RTE_CONTEXT and updates the breadcrumb display upon selection changes.

Yes, you need Lit to create custom Tiptap status bar components for Umbraco. The implementation requires rendering a Lit element to consume the UMB_TIPTAP_RTE_CONTEXT and listen for editor update or selectionUpdate events to display live status information.

You track cursor position in the RTE status bar instead of the Umbraco toolbar to avoid overloading the toolbar with excessive controls. The status bar provides a dedicated area for continuously updating, non-intrusive authoring context like line and column indicators.