Rich Text & Markdown

Explained Simply — the formatting you already use in Slack & WhatsApp

You already use a rich text editor — every day

Not Notepad. Not VS Code. The message box in Slack, WhatsApp, and Notion — where bold, lists, and links actually work.

# team-updates
Ship login by Friday
(select text…)
Ship login by Friday
B I 🔗 •
💡 That compose box is a text editor — one built for formatted messages

Plain typing → select → format — inside apps you already know

0 / 4

Sticky note → Google Doc → shorthand symbols

Same message, three interfaces. This is how everyday apps add structure to words.

📝 Plain text
📋
Sticky note

meet at 3pm bring laptop

✓ Fast, no formatting
🖱️ WYSIWYG
📄
Google Doc

meet at 3pm bring laptop

✓ Click toolbar, see bold instantly
⌨️ Markdown
🗂️
Shorthand

meet at **3pm** bring laptop

✓ Type symbols, app renders them
Plain → WYSIWYG → Markdown

WYSIWYG = What You See Is What You Get — no hidden codes on screen

0 / 3

The WYSIWYG path — point, click, see

Select words → hit B or the link icon → formatting appears right away. You never type ** or HTML tags.

B I 🔗 ≡

Please review the design mockups before standup.

Please review the design mockups before standup.

Please review the design mockups before standup.

See design mockups before standup.

Click Next to walk through each action

The editor stores instructions behind the scenes — you just see the result

0 / 4

The Markdown path — type symbols, see a preview

WhatsApp uses *bold*. Slack uses *bold* and _italic_. You type markers; the app renders them.

You type
Please review the **design mockups** before standup.
See [design mockups](https://figma.com/file/abc) before standup.
## Today
- Ship navbar
- Fix login bug
App shows
Please review the design mockups before standup.
See design mockups before standup.

Today

  • Ship navbar
  • Fix login bug

Same message as Step 3 — different interface to get there

0 / 3

Blocks, links, and what “format” means

Inline format lives inside a line (bold one word). Blocks own a whole line — headings, lists, quotes. Links always have two parts: visible text + URL.

✏️
Inline

Bold, italic, code inside a sentence.

Ship the navbar today.
📋
Block · List

Each item on its own line — a “block” of structure.

- Fixed login - Updated docs
💬
Block · Quote

Indented callout — great for feedback or citations.

> Looks great — ship it!
🔗
Link

Anchor text (what you read) + URL (where it goes).

Under the hood · “format”

Your message is still text — plus instructions (Markdown, HTML, or app-specific JSON). That’s why copy-paste sometimes breaks between apps.

Four building blocks — mix them in any compose box

0 / 5

Format a standup update in Markdown

Copy the block below. Paste into Notion, a GitHub issue, Slack (with preview), or an AI chat — anywhere that understands Markdown.

## Yesterday
- Fixed login bug
- Reviewed *design mockups*

## Today
- Ship **navbar** update
- Read [API docs](https://example.com/docs)
Preview

Yesterday

  • Fixed login bug
  • Reviewed design mockups

Today

Start with five symbols: **bold**, _italic_, `code`, - list, [text](url)

Why this matters for AI & dev tools

Markdown is how READMEs, Notion pages, and most AI replies are structured.

🤖
AI speaks Markdown

Models often reply with ## headings and bullet lists. Recognizing the format helps you read answers faster.

📂
GitHub READMEs

Every open-source project uses .md files. Same symbols you learned here.

💬
Slack & WhatsApp

Baby Markdown — *bold*, _italic_, `code`. You were already halfway there.

📝
Better prompts

Ask AI for “a Markdown table” or “bullet list with headers” — you know what that means now.

From plain words to structured messages

💬
Step 1 · Compose box
You already format messages
→
🖱️
Step 3 · WYSIWYG
Toolbar, select, see result
→
⌨️
Step 4 · Markdown
Symbols + preview

Format is structure — not just font choice. Learn both paths and you can write clearly anywhere.

Quick quiz

1. WYSIWYG stands for…

2. In *team standup*, the asterisks are…

3. Which is a block format?

4. In [docs](https://x.com), “docs” is the ___ and the URL is the ___.