Markdown Editor

Live Markdown editor with real-time HTML preview

Markdown Quick Reference

# Heading ## Subheading
**bold** *italic*
[link](url) ![image](url)
- list item 1. numbered
> quote `code`
--- horizontal rule
`; const blob = new Blob([html], { type: 'text/html' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'markdown-export.html'; a.click(); } function loadSample() { document.getElementById('input').value = `# Welcome to Markdown Editor This is a **live preview** Markdown editor. ## Features - Real-time preview - Full Markdown support - Export to HTML ## Code Example \`\`\`javascript function hello() { console.log("Hello, World!"); } \`\`\` ## Table | Name | Age | City | |------|-----|------| | John | 30 | NYC | | Jane | 25 | LA | > "Markdown is the best thing since sliced bread." - Someone --- Try editing this text!`; render(); } document.getElementById('input').addEventListener('input', render); loadSample();