Umbraco Tiptap Toolbar Extension
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.
Run in terminal (recommended)
claude mcp add umbraco-tiptap-toolbar-extension npx -- -y @trustedskills/umbraco-tiptap-toolbar-extension
Or manually add to ~/.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 Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.