umbraco-tiptap-extension

Implement custom Tiptap extensions for the Umbraco rich text editor.

4|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-tiptap-extension-albanist
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-tiptap-extension
Source: https://github.com/albanist/umbraco_CLI/tree/main/skills/rich-text/umbraco-tiptap-extension
Command: npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-tiptap-extension-albanist

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the creation of custom functionalities within Umbraco's rich text editor by implementing Tiptap extensions, allowing for enhanced content creation experiences.

Core Features & Use Cases

  • Custom Node Creation: Define new block types for structured content.
  • Custom Mark Implementation: Add unique text formatting options.
  • Extension Configuration: Leverage Umbraco property editor settings to customize extension behavior.
  • Use Case: Add a custom "callout" block to the rich text editor for highlighting important information, or implement a "highlight" mark with configurable colors.

Quick Start

Use the umbraco-tiptap-extension skill to create a new manifest and API file for a custom highlight extension.

Frequently Asked Questions about umbraco-tiptap-extension

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

FAQPage Schema
How do I add custom formatting to the Umbraco rich text editor?

You can add custom formatting to the Umbraco rich text editor by implementing Tiptap extensions, which enable the creation of custom marks for unique text formatting options and new node types for structured content blocks.

What is the best way to create custom blocks in Umbraco's Tiptap editor?

The best way to create custom blocks in Umbraco's Tiptap editor is by defining custom Tiptap node extensions, allowing you to add new block types like callouts for highlighting important information within your content.

Can I configure Tiptap extension behavior using Umbraco property editor settings?

Yes, you can configure Tiptap extension behavior by leveraging Umbraco property editor settings, enabling customizable extension capabilities such as defining configurable colors for a custom highlight mark.

How does the Umbraco Tiptap extension support custom text marks?

Umbraco Tiptap extension support works by implementing custom mark extensions that add unique text formatting options to the rich text editor, enhancing the overall content creation experience.

Do I need Tiptap documentation to develop Umbraco rich text editor extensions?

Yes, you need Tiptap and official Umbraco documentation to develop rich text editor extensions, as this approach utilizes their guidelines for creating new manifests and API files for custom functionalities.