umbraco-monaco-markdown-editor-action

Create custom toolbar buttons and keyboard shortcuts for the Umbraco Monaco Markdown editor.

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-monaco-markdown-editor-action-kraftvaerk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-monaco-markdown-editor-action
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-monaco-markdown-editor-action
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-monaco-markdown-editor-action-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enhances the Umbraco backoffice Markdown editor by allowing developers to add custom toolbar buttons and keyboard shortcuts, streamlining content creation workflows.

Core Features & Use Cases

  • Custom Toolbar Buttons: Add new buttons to the Markdown editor's toolbar for specific actions.
  • Keyboard Shortcuts: Define custom keyboard shortcuts to trigger these actions.
  • Use Case: Integrate a button that, when clicked, inserts a predefined code snippet or a link to a specific Umbraco media item, saving content editors time and ensuring consistency.

Quick Start

Use the umbraco-monaco-markdown-editor-action skill to add a new button to the Umbraco Markdown editor that inserts bolded text.

Frequently Asked Questions about umbraco-monaco-markdown-editor-action

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

FAQPage Schema
How do I add custom toolbar buttons to the Umbraco Monaco Markdown editor?

You can add custom toolbar buttons to the Umbraco Monaco Markdown editor by creating custom actions with TypeScript and integrating them through the Umbraco extension registry. This allows you to insert predefined snippets or media links directly into the editor.

Can I define custom keyboard shortcuts in the Umbraco Markdown editor?

Yes, you can define custom keyboard shortcuts in the Umbraco Markdown editor by creating custom actions. This requires using TypeScript alongside Umbraco backoffice extension APIs to bind specific key combinations to your desired editor actions.

What do I need to extend the Umbraco Markdown editor with custom actions?

To extend the Umbraco Markdown editor with custom actions, you need TypeScript and Umbraco backoffice extension APIs. These prerequisites allow you to integrate with the extension registry and modal system to build custom toolbar buttons and shortcuts.

How does the Umbraco extension registry integrate with the Monaco Markdown editor?

The Umbraco extension registry integrates with the Monaco Markdown editor by allowing developers to register custom actions. These actions can leverage Umbraco's modal system to insert predefined code snippets or specific media items directly into the content.

What is the best way to insert predefined code snippets into Umbraco Markdown?

The best way to insert predefined code snippets into Umbraco Markdown is by creating a custom toolbar button action. This streamlines content creation workflows by saving editors time and ensuring snippet consistency across the backoffice.