YAML

YAML has 2 different block styles:

> - Folded style
| - Literal style

And it's hard to remember them (╯°□°)╯︵ ┻━┻.

I always forget the meaning of style indicator, so I did the playground for myself and others to practice.
Here is the converter of YAML to JSON and a playground.

Playground

By the spec YAML uses : <block-style> with a space, but there are many of different parsers and for example in k8s it's possible to use :| without a space.

I wanted to practice in webpack code splitting with MDX so I created this playground.
It uses yaml as a parser and prismjs as a renderer.

YAML:

JSON:

{
  "literal-style": "Line1\nLine2\n\nLine3",
  "folded-style": "Line1 Line2\nLine3"
}