Online Markdown Playground

Markdown Playground Demo

This preview supports italic, bold, bold+italic, ~~strikethrough~~, and inline code like npm run dev.

Headers

H3 Section

H4 Section

H5 Section

Lists

Unordered list item
Another item with strong text

Ordered step one
Ordered step two

Image

Sample chart

Code blocks

def greet(name: str) -> str:
    return f"Hello, {name}"

const users = [{ name: "Alice" }, { name: "Bob" }];
console.log(users.map((u) => u.name).join(", "));

curl -s https://www.devtoolsdaily.com/sitemap.xml | head -n 5

Table

Feature	Status	Notes
GFM Tables	Yes	Uses `remark-gfm`
Syntax Highlighting	Yes	Multiple languages
Inline Code	Yes	Styled with monospace

FAQ

What is Markdown?

Why is Markdown so popular?

How do you create headers in Markdown?

To create headers in Markdown, you use the '#' symbol followed by a space and then the header text. The number of '#' symbols used determines the level of the header.

For example:

# Header 1
## Header 2
### Header 3

How do you create lists in Markdown?

Creating lists in Markdown is simple. For an unordered list, you use asterisks (*), plus signs (+), or hyphens (-) followed by a space.

For example:

* Item 1
* Item 2
  * Subitem 2.1
  * Subitem 2.2

For an ordered list, you use numbers followed by a period.

For example:

1. First item
2. Second item
3. Third item

How do you add links and images in Markdown?

To add a link in Markdown, you use square brackets to define the text and parentheses to define the URL.

For example:

[OpenAI](https://www.openai.com)

To add an image, you use an exclamation mark followed by the same syntax as a link.

For example:

![OpenAI Logo](https://www.openai.com/assets/logo.png)