Remark: Online playground?

Created on 1 Nov 2019  路  4Comments  路  Source: remarkjs/remark

I find online playgrounds useful. For example, Pandoc鈥檚 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
help wanted 馃檹 馃摎 aredocs 馃攳 statuopen 馃 typenhancement

Most helpful comment

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.

All 4 comments

For seeing the AST checkout https://astexplorer.net
For a playground, as part of https://github.com/unifiedjs/unifiedjs.github.io/issues/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!

MDX has one partly:

https://mdxjs.com/playground

@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.

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.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

niftylettuce picture niftylettuce  路  4Comments

pd4d10 picture pd4d10  路  5Comments

KyleAMathews picture KyleAMathews  路  6Comments

gengjiawen picture gengjiawen  路  4Comments

muescha picture muescha  路  6Comments