Click on an item to copy its format to your clipboard. This editor is specifically configured to work with the github markdown renderer.

Headers

###### Header

##### Header

#### Header

### Header

## Header

# Header

Emphasis and Strong

Italic text with asterisks

Italic text with underscores

Bold text with asterisks

Bold text with underscores

Bold and italic text

Unordered Lists

• Item 1
• Item 2
• Item 3

• Item 1
• Item 2
• Item 3

• Item 1
• Item 2
• Item 3

• Item 1
  • Nested item

Ordered Lists

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

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

1. First item
   1. Nested item

Mixed Lists

1. First item
   • Unordered sub-item

• Unordered item
  1. Ordered sub-item

Links

Inline link

Link with title

Reference link

https://example.com

email@example.com

Images

📷 Image with alt text

📷 Image with title

📷 Reference image



Special Cases

Line break on next line

Double spaces at end of line

Line break with backslash

Backslash at end of line

---

---

---

***

---

___

Inline Code

Use console.log() to debug

Code with `backticks` inside

GitHub Alerts

[!NOTE] Important information

[!TIP] Helpful advice

[!IMPORTANT] Critical info

[!WARNING] Urgent warning

[!CAUTION] Negative consequences

Setext Headings

Heading Level 1

Heading Level 2

Code Blocks

Basic code block

    Indented code block

Code Blocks with Syntax Highlighting

def hello_world():
    print("Hello, world!")
    return True

if __name__ == "__main__":
    hello_world()

function helloWorld() {
    console.log("Hello, world!");
    return true;
}

helloWorld();

body {
    font-family: sans-serif;
    line-height: 1.6;
    color: #333;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

This is a code block.
No syntax highlighting.
Used for plain text.

Advanced Code Blocks

function hello() {
  console.log('Highlighted line');
  return true;
}

- console.log('Removed line');
+ console.log('Added line');

1  const example = () => {
2     return "Advanced features";
3   };

# Command with output
$ npm install
✓ Package installed

Basic Tables

Header 1	Header 2
Cell 1	Cell 2

Left	Center	Right

Advanced Tables

Cell with bold

Cell with code

Cell with link

Cell with line break

Blockquotes

This is a blockquote

This is a blockquote
with multiple lines

Nested blockquote

Quote with formatting

Horizontal Rules

---

---

---

***

---

___

---

- - -

Escaping Special Characters

*literal asterisks*

# Not a header

[Not a link]

`Not code`

Task Lists

• ☐ Unchecked task
• ☑ Completed task

• ☐ Task with formatting

• ☑ Task with link

Advanced GitHub Features

@username mention

#123 issue reference

SHA commit reference

Cross-repo issue reference

~~Strikethrough text~~

Footnotes

Text with footnote¹

Multiple footnotes¹²

Definition Lists

Term

Definition

Term

Definition 1

Definition 2

Strikethrough

Strikethrough text

Text with crossed out words

Emoji

Direct emoji

😄 Direct emoji

Smileys & Emotion

😄 smile

😆 laughing

😊 blush

😍 heart eyes

😉 wink

🤔 thinking

😅 sweat smile

😂 joy

😎 sunglasses

Gestures

👍 +1

👎 -1

👏 clap

👋 wave

🙏 pray

💪 muscle

Hearts

❤️ heart

💔 broken heart

💖 sparkling heart

Symbols & Objects

🚀 rocket

🎉 tada

🔥 fire

⭐ star

✨ sparkles

⚡ zap

💡 bulb

💥 boom

📝 memo

Nature & Status

🐛 bug

🌱 seedling

👀 eyes

Status Indicators

✅ check mark

❌ x

⚠️ warning

Highlighting

Highlighted text

Text with highlighted word

Subscript & Superscript

H₂O

X²

E=mc²

Collapsible Sections

Click to expand

Hidden content

Expanded by default

Visible content

Math Expressions

Inline math: x = y

Block math:
x = y

E = mc²

HTML & Mixed Markdown

Colored text

Ctrl + C

Small text

Bold and italic

Mermaid Diagrams

Flowchart Diagram

Sequence Diagram

YAML Front Matter

Basic Front Matter

With Tags

Keyboard Shortcuts

Ctrl+B for Bold

Ctrl+I for Italic

HTML Comments

Hidden comment

Multi-line comment

Best Practices

💡 Use blank lines around blocks

💡 Consistent list markers

💡 Proper link formatting

💡 Alt text for images