Marked Mermaid Renderer

Render and preview mermaid diagrams in the repo.

This extension currently only works with .mmd and .md files.

Mermaid diagrams embedded within markdown file rendering is handled via marked

Usage

Install this extension to your Azure DevOps Organization.

Choose any Markdown (.md) or Mermaid diagram (.mmd) file in your repo. The preview pane will show the rendered content of Marked Mermaid.

The extension leverages the latest Mermaid and Marked versions available from their CDN, so new features should be available as soon as they are released.

Azure Wiki Support

At this time it is not possible to extend the Azure Wiki interface with this functionality, so it only works as a previewer for repo files.

Additional support for Azure-specific features is underway and will be tracked below:

• ✅ TOC
• ✅ Mermaid Live
  • This is a CDN pull from MermaidJS and not the built-in Azure version
• ✅ HTML Tags - see markedjs caveats
• ⬜️ Work Item Links
• ⬜️ @mentions User/Group
• ⬜️ YAML Tags
• ⬜️ Query Tables
• ⬜️ Videos
• ⬜️ Page Visits