umbraco-monaco-markdown-editor-action

Implement custom Monaco Markdown editor actions in the Umbraco backoffice.

1|Updated May 21, 2026
One-click install
npx skills add https://github.com/1k-off/umbraco-observability-playground --skill umbraco-monaco-markdown-editor-action-1k-off
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-monaco-markdown-editor-action
Source: https://github.com/1k-off/umbraco-observability-playground/tree/main/.agents/skills/umbraco-monaco-markdown-editor-action
Command: npx skills add https://github.com/1k-off/umbraco-observability-playground --skill umbraco-monaco-markdown-editor-action-1k-off

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of extending Umbraco’s backoffice Markdown editor by adding custom toolbar buttons and keyboard shortcuts that insert or transform Markdown content without manual editing.

Core Features & Use Cases

  • Add Monaco markdown editor actions: Implement custom command-like actions exposed in the Umbraco editor UI.
  • Insert or modify Markdown based on selection: Read the current selection and programmatically write Markdown into the editor.
  • Optional modal-based workflows: Trigger dialogs to gather input, then apply the result back into the editor.

Quick Start

Ask the AI to fetch the latest Umbraco docs for foundation and Monaco extension types, then generate a Monaco Markdown Editor Action manifest and an action class that inserts a chosen Markdown snippet from 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 buttons to the Umbraco Monaco Markdown editor?

Adding custom toolbar buttons to the Umbraco Monaco Markdown editor requires defining a manifest with type monacoMarkdownEditorAction and implementing a controller with a unique alias and an execute method that updates the selected editor range.

Can I register keyboard shortcuts for Markdown transformations in the Umbraco backoffice?

Yes, you can register keyboard shortcuts for Markdown transformations in the Umbraco backoffice by implementing custom Monaco Markdown editor actions using the official Umbraco Monaco editor extension APIs to insert or transform content programmatically.

How do I insert Markdown content based on the current editor selection in Umbraco?

Inserting Markdown content based on the current selection in Umbraco involves reading the current selection within your action controller and programmatically writing Markdown into the editor over the selected text range.

How do I use modals to collect user input before updating the Monaco Markdown editor?

Using modals to collect user input before updating the Monaco Markdown editor involves triggering optional modal-based workflows in your action controller to gather input, then applying the result back into the editor.

What is a monacoMarkdownEditorAction manifest in Umbraco backoffice extensions?

A monacoMarkdownEditorAction manifest in Umbraco backoffice extensions is a configuration entry that registers custom command-like actions exposed in the Umbraco editor UI for inserting or modifying Markdown content programmatically.