Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

@johnlindquist/gatsby-remark-embed-codesandbox

Embed a Codesandbox Editor in your Markdown

Install

  1. Install plugin to your site:
npm i @johnlindquist/gatsby-remark-embed-codesanbox
  1. Add following to your gatsby-config.js:
    plugins: [
      {
        resolve: "gatsby-transformer-remark",
        options: {
          plugins: [
          {
            resolve: "@johnlindquist/gatsby-remark-embed-codesandbox",
          }
          ]
        }
      },
  1. Restart gastby.

Usage

The following will now be converted to a proper iframe:

[https://codesandbox.io/embed/o52jlrvjwy?view=editor](https://codesandbox.io/embed/o52jlrvjwy?view=editor)

License

MIT

© 2023 Gatsby, Inc.