📄 Markdown Preview
✏️ Markdown Editor
👁️ Live Preview 0 words

Start typing Markdown on the left to see the preview here...

`; 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 clearEditor(){document.getElementById('mdInput').value='';updatePreview();} function loadSample(){ document.getElementById('mdInput').value=`# CodeCanvas Developer Tools ## Overview **CodeCanvas** is the ultimate free toolkit for developers and designers. Here's what makes it special: - ✅ 50+ free online tools - ✅ No signup required - ✅ Everything runs in your browser - ✅ AI assistant powered by Groq ## Code Example \`\`\`javascript // Generate a SHA-256 hash in JavaScript async function sha256(message) { const encoder = new TextEncoder(); const data = encoder.encode(message); const hash = await crypto.subtle.digest('SHA-256', data); return Array.from(new Uint8Array(hash)) .map(b => b.toString(16).padStart(2, '0')) .join(''); } sha256('Hello CodeCanvas!').then(console.log); \`\`\` ## Available Tools | Category | Tools | |----------|-------| | Developer | JSON Formatter, Regex Tester, JWT Decoder | | Design | Font Detector, Color Picker, Gradient Gen | | Text | Word Counter, Case Converter, Diff Checker | | AI | Code Explainer, Bug Finder, Meta Generator | > 💡 **Pro tip:** Use our [AI Assistant](https://codecanvas.top/ai/) to get tool recommendations! --- *Built with ❤️ for developers worldwide*`; updatePreview(); }