umbraco-monaco-markdown-editor-action

Extend Umbraco Monaco Markdown editor with custom toolbar actions and keyboard shortcuts.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the need to extend Umbraco’s backoffice Markdown editor with custom toolbar actions and keyboard shortcuts, so editors can insert domain-specific markdown content faster and more consistently.

Core Features & Use Cases

  • Monaco Markdown Editor Action: Adds custom toolbar buttons and executes editor logic to insert or transform markdown based on the current selection.
  • Keyboard Shortcuts: Enables predictable, agent-friendly workflows by binding actions to specific Monaco keybindings (e.g., Ctrl/Cmd + Shift combinations).
  • Optional Modal-Based UX: Supports action flows that open an Umbraco modal, collect user input, and then apply the result back into the editor.

Quick Start

Create a Monaco Markdown Editor Action manifest of type monacoMarkdownEditorAction, then implement the corresponding action class to insert your markdown into the current editor selection.

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 actions to the Monaco markdown editor in Umbraco?

You can add custom toolbar actions to the Umbraco Monaco markdown editor by creating a manifests-based extension using the monacoMarkdownEditorAction type and implementing an action class with unique identification, label, and keybinding wiring.

Can I bind keyboard shortcuts to custom markdown actions in the Umbraco backoffice?

Yes, you can bind keyboard shortcuts to custom markdown actions in the Umbraco backoffice by wiring specific Monaco keybindings, such as Ctrl or Cmd + Shift combinations, into your action class.

How does an Umbraco markdown editor action handle inserting links and images?

An Umbraco markdown editor action handles inserting links and images by executing editor logic that inserts or transforms markdown syntax based on the current editor selection.

Can I use modal dialogs to collect input before modifying markdown in Umbraco?

Yes, you can open an Umbraco modal dialog to collect user input, such as link URLs or image sources, and then apply that result directly back into the markdown editor.

What is a monacoMarkdownEditorAction manifest in Umbraco?

A monacoMarkdownEditorAction manifest is a TypeScript extension definition that registers a custom toolbar button and its corresponding action class to execute markdown editing logic within the Umbraco backoffice.

Do I need TypeScript to create custom Monaco markdown editor actions in Umbraco?

Yes, creating custom Monaco markdown editor actions in Umbraco requires TypeScript to implement the action class and define the manifest with proper meta, label, and keybinding configurations.