@comark/markdown-it

Comark (Component in Markdown) for markdown-it.

Use VS Code MDC Extension for IDE support.

Usage

npm i markdown-it @comark/markdown-it

import comark from '@comark/markdown-it'
import MarkdownIt from 'markdown-it'

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

const result = md.render(`
# Hello

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

Features

This plugin implements all the syntaxes documented in Comark Syntax. We are still testing behavior compatibility in detail before reaching v1.0.0.

• Block Component [Block Component](https://comark.dev/syntax/markdown#block-components)
  • Nesting [Nesting](https://comark.dev/syntax/markdown#nested-components)
  • YAML Props [YAML Props](https://comark.dev/syntax/markdown#yaml-props)
  • Slots [Slots](https://comark.dev/syntax/markdown#component-slots)
• Inline Components [Inline Components](https://comark.dev/syntax/markdown#inline-components)
• Inline Props [Inline Props](https://comark.dev/syntax/markdown#attributes)
• Span [Span](https://comark.dev/syntax/markdown#span-text)
• Frontmatter. Frontmatter is not built-in in this plugin, we recommend using @mdit-vue/plugin-frontmatter if you want to use this plugin outside of Comark package,

License

Made with ❤️

Published under MIT License.

Credits

❤️ This project was originally created by Anthony Fu in 2022. Special thanks for the amazing work and inspiration! 🙏✨