Umbraco Tiptap Toolbar Extension

🌐Community
by umbraco · vlatest · Repository

This extension adds a rich text toolbar to Umbraco Tiptap, streamlining content formatting and enhancing editor usability.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add umbraco-tiptap-toolbar-extension npx -- -y @trustedskills/umbraco-tiptap-toolbar-extension
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "umbraco-tiptap-toolbar-extension": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/umbraco-tiptap-toolbar-extension"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This extension adds a customizable toolbar to the Tiptap editor within Umbraco, enabling rich text formatting directly in the CMS backoffice. It allows editors to apply styles like bolding, lists, and headings without leaving the content interface.

When to use it

  • You need to enable rich text editing capabilities for content authors in your Umbraco project.
  • Your team requires a specific set of formatting tools that differ from the default Tiptap configuration.
  • You are building a custom backoffice experience where standard toolbar controls do not meet user workflow needs.

Key capabilities

  • Integrates seamlessly with the Umbraco CMS backoffice environment.
  • Provides a configurable toolbar for rich text operations.
  • Extends the core Tiptap editor functionality with additional UI controls.

Example prompts

  • "Configure the umbraco-tiptap-toolbar-extension to show only image and link buttons in the editor."
  • "How do I install the Umbraco Tiptap toolbar extension to enable bold and italic formatting for my content editors?"
  • "Customize the Tiptap toolbar in Umbraco to include a specific set of text styles defined in our schema."

Tips & gotchas

Ensure you have the base Tiptap editor installed before adding this toolbar extension, as it relies on that underlying framework. Configuration options may require code changes or specific setup steps depending on your Umbraco version and hosting environment.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
umbraco
Installs
40

🌐 Community

Passed automated security scans.