smarthug / markdown-it-codesandbox

markdown-it plugin to embed CodeSandbox editor.

markdown-it-codesandbox

markdown-it plugin to embed CodeSandbox editor.

Usage

Download it with

yarn add markdown-it-codesandbox
# npm i markdown-it-codesandbox

Then use it as any markdown-it plugin

import md from 'markdown-it';
import codesandbox from 'markdown-it-codesandbox';

const markdown = `
@[codesandbox](vn1k4rrml7)
`

md()
  .use(codesandbox)
  .render(markdown)

The syntax is @[codesandbox](id) where id is the sandbox ID you could find at the end of every CodeSandbox url.