React Markdown Generator

Editor

Preview

Welcome to my React Markdown Previewer!

This is a sub-heading...

And here's some other cool stuff:

Here is a code, <span></span>, between 2 backticks.

// this one with triple backticks is multi-line code:

function anotherExample(firstLine, lastLine) {
  if ((firstLine === '```') && (lastLine === '```')) {
    return multiLineCode;
  }
}

Here is a text bold... cool ha!
Or italic.
Or... wait for it... both!
And feel free to go crazy please don't cross me off.

There's also links, and

Block Quotes!

And if you want to get really crazy, even tables:

Wild Header Crazy Header Another Header?
Your content can be here, and it can be here....
And here. Okay. I think we get it.
Your content can be here, and it can be here....
And here. Okay. I think we get it.
  • And of course there are lists.
    • Some are bulleted.
      • With different indentation levels.
        • That look like this.
  1. And there are numbererd lists too.
  2. Use just 1s if you want!
  3. But the list goes on...

Let us not forget embedded images:

React Logo w/ Text