# Nút Copy Markdown cho AI Workflow

> Nút copy markdown một-click cho tích hợp AI workflow. Tối ưu sử dụng ChatGPT, Claude và note-taking.

- URL: https://dantech.academy/blog/copy-markdown-button-ai-workflow-nextjs
- Ngày đăng: 2026-04-05
- Thời gian đọc: 1 phút
- Tags: nextjs, react, typescript, ai-tools

## Tại sao cần thêm tính năng này

Copy nội dung blog sang ChatGPT 10 lần mỗi ngày? Có cách tốt hơn.

Developers dùng AI tools hàng ngày. Note-taking apps cần raw markdown. Mình cần giải pháp one-click.

## Giải pháp

```typescript
'use client'

export function CopyRawContent({ rawContent }: { rawContent: string }) {
  const [copied, setCopied] = useState(false)

  const handleCopy = async () => {
    await navigator.clipboard.writeText(rawContent)
    setCopied(true)
    setTimeout(() => setCopied(false), 2000)
  }

  return <button onClick={handleCopy}>{copied ? 'Copied!' : 'Copy Page MD'}</button>
}
```

**Tính năng:** Visual feedback, Clipboard API, timer cleanup, accessible.

## Use Cases

1. **Code Review** → Copy → ChatGPT → "Review this"
2. **Học tập** → Copy → Claude → "Explain simpler"
3. **Knowledge Base** → Copy → Obsidian/Notion

## Thử ngay

Cuộn lên đầu trang, click "Copy Page MD", paste vào AI tool của bạn!

---