Online playground?

[rauschma]

I find online playgrounds useful. For example, Pandoc’s playground: https://pandoc.org/try/

For Remark, this could work as follows:

• Enter Markdown
• See syntax tree or HTML

Optional:

• Configure plugins, intermediate processing steps, etc.
• Document an npx invocation that does something similar

[ChristianMurphy]

For seeing the AST checkout https://astexplorer.net
For a playground, as part of unifiedjs/unifiedjs.github.io#12, I've been looking at integrating https://runkit.com/home#notebooks to allow trying code samples live in browser.

PRs and other ideas are welcome!

[tomByrer]

MDX has one partly:

https://mdxjs.com/playground

[arobase-che]

@zestedesavoir too. Based on our needs, MD to ATX, HTML and LaTeX. Sorry about the french examples.

https://zestedesavoir.github.io/zmarkdown/

Based on a webpack version of our server.

[fazouane-marouane]

Hi everyone,

I started prototyping a playground. It's very minimal for now, no visual styling, no plugins and no tweaking with options and it only has one output (html).

code can be found here: https://codesandbox.io/s/remark-playground-wmfor
preview of the playground: https://wmfor.csb.app/

I'll add more things to it if I find more time this week.

[ApayRus]

why don't use codesandbox.io --> add dependency --> remark --> see all you need in console ))

[ChristianMurphy]

The bug issue template now include several code sandbox playgrounds https://github.com/remarkjs/.github/blame/main/.github/ISSUE_TEMPLATE/1-bug.md#L37-L39

remark only (for markdown to markdown): https://codesandbox.io/s/remark-debug-ikwvx
remark and rehype (for markdown to html): https://codesandbox.io/s/remark-rehype-debug-4cz8v
react-markdown: https://codesandbox.io/s/react-markdown-debug-9n4eg