markdown-it-mdc

MDC (Markdown Components) for markdown-it.

Use VS Code MDC Extension for IDE support.

Usage

npm i markdown-it markdown-it-mdc

import MarkdownIt from 'markdown-it'
import pluginMdc from 'markdown-it-mdc'

const md = new MarkdownIt()
  .use(pluginMdc)

const result = md.render(`
# Hello

Hello **World** with :my-component{.text-red name="foo"}!
`)

Features

This plugin implements all the syntaxes documented in MDC Syntax. We are still testing behavior compatibility in detail before reaching v0.1.0.

• Block Component [Block Component](https://content.nuxtjs.org/guide/writing/mdc#block-components)
  • Nesting [Nesting](https://content.nuxtjs.org/guide/writing/mdc#nesting)
  • YAML Props [YAML Props](https://content.nuxtjs.org/guide/writing/mdc#yaml-props)
  • Slots [Slots](https://content.nuxtjs.org/guide/writing/mdc#slots)
• Inline Components [Inline Components](https://content.nuxtjs.org/guide/writing/mdc#inline-components)
• Inline Props [Inline Props](https://content.nuxtjs.org/guide/writing/mdc#props)
• Span [Span](https://content.nuxtjs.org/guide/writing/mdc#span-text)
• Frontmatter. Frontmatter is not built-in in this plugin, we recommend using @mdit-vue/plugin-frontmatter instead.

Sponsors

License

MIT License © 2022 Anthony Fu