\n'; } var blob = new Blob([content], { type: ext === 'html' ? 'text/html' : 'text/markdown' }); var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.download = 'document.' + ext; document.body.appendChild(a); a.click(); document.body.removeChild(a); setTimeout(function() { URL.revokeObjectURL(url); }, 100); toast('Downloaded', 'ok'); return; } if (act === 'print') { if (!els.rendered.innerHTML.trim()) { toast('Nothing to print', 'err'); return; } var w = window.open('', '_blank'); w.document.write('' + els.rendered.innerHTML + ''); w.document.close(); setTimeout(function() { w.print(); }, 500); return; } if (act === 'share') { try { var d = { i: els.input.value, m: state.mode, t: state.theme }; var enc = btoa(unescape(encodeURIComponent(JSON.stringify(d)))); if (enc.length > 6000) { toast('Content too large to share', 'err'); return; } var link = location.origin + location.pathname + '#md=' + enc; navigator.clipboard.writeText(link).then(function() { toast('Share link copied', 'ok'); }).catch(function() { prompt('Copy:', link); }); } catch (e) { toast('Share failed', 'err'); } return; } if (act === 'swap') { var i = els.input.value, o = els.output.value; if (!o) { toast('Nothing to swap', 'err'); return; } els.input.value = o; setActiveMode(state.mode === 'm2h' ? 'h2m' : state.mode === 'h2m' ? 'm2h' : 'm2h'); toast('Swapped I/O', 'ok'); return; } if (act === 'paste') { navigator.clipboard.readText().then(function(t) { els.input.value = t; autoRun(); toast('Pasted', 'ok'); }).catch(function() { toast('Paste blocked — use Ctrl+V', 'err'); }); return; } if (act === 'clear') { els.input.value = ''; els.output.value = ''; els.rendered.innerHTML = ''; updateStats(''); updateOutMeta(); setStatus(''); return; } if (act === 'reset') { els.input.value = ''; els.output.value = ''; els.rendered.innerHTML = ''; setActiveMode('m2h'); els.theme.value = 'github'; applyTheme('github'); updateStats(''); updateOutMeta(); setStatus(''); toast('Reset', 'ok'); return; } if (act === 'sample') { els.input.value = state.mode === 'h2m' ? '

Sample HTML Document

\n

This is a sample with various elements.

\n

\n
• List item one
\n
• List item two with a link
\n

\n

A blockquote example.

\n

function hello() {\n  console.log("world");\n}

\n\n\n\n\n

Name	Score
Alice	95
Bob	87

' : '# Welcome to Markdown\n\n**Bold text**, *italic text*, and ~~strikethrough~~.\n\n## Features\n\n- ✅ Lists with task items\n- [x] Completed task\n- [ ] Pending task\n- 🚀 Emojis: :rocket: :sparkles: :tada:\n\n## Code blocks\n\nInline `code` works, and so do fenced blocks:\n\n```javascript\nfunction greet(name) {\n return `Hello, ${name}!`;\n}\nconsole.log(greet("world"));\n```\n\n## Tables\n\n| Name | Score | Status |\n|-------|-------|----------|\n| Alice | 95 | ✅ Passed |\n| Bob | 87 | ✅ Passed |\n| Carol | 62 | ❌ Failed |\n\n## Links & images\n\nVisit [our website](https://example.com) or try this image:\n\n\n\n## Blockquotes\n\n> "The best way to predict the future is to invent it." \n> — Alan Kay\n\n## Horizontal rule\n\n---\n\nThanks for trying the converter! :coffee:'; autoRun(); toast('Sample loaded', 'ok'); return; } if (act === 'url') { var url = prompt('Enter URL of .md or .html file:'); if (!url) return; setStatus('Fetching ' + url + '…', 'info'); fetch('https://api.allorigins.win/raw?url=' + encodeURIComponent(url)).then(function(r) { if (!r.ok) throw new Error('HTTP ' + r.status); return r.text(); }).then(function(t) { els.input.value = t; if (/\.html?$/i.test(url)) setActiveMode('h2m'); else setActiveMode('m2h'); autoRun(); toast('Fetched', 'ok'); }).catch(function(e) { setStatus('Fetch failed: ' + e.message, 'err'); toast('Fetch failed', 'err'); }); return; } }var queued = window.pctMd._q || []; window.pctMd = { setMode: setActiveMode, setOutTab: setOutTab, act: handleAction, restoreHistory: function(i) { var h = state.history[i]; els.input.value = h.in; setActiveMode(h.mode); autoRun(); els.historyDrawer.classList.remove('pct-md-open'); toast('Restored', 'ok'); }, deleteHistory: function(i) { state.history.splice(i, 1); try { localStorage.setItem('pct-md-history', JSON.stringify(state.history)); } catch (e) {} renderHistory(); } }; queued.forEach(function(q) { var name = q[0], args = q[1]; if (window.pctMd[name]) window.pctMd[name].apply(window.pctMd, args); });function pushHistory(inp, out) { if (!inp || !out) return; if (state.history[0] && state.history[0].in === inp.slice(0, 200)) return; state.history.unshift({ ts: Date.now(), in: inp.slice(0, 20000), out: out.slice(0, 20000), mode: state.mode }); if (state.history.length > 10) state.history = state.history.slice(0, 10); try { localStorage.setItem('pct-md-history', JSON.stringify(state.history)); } catch (e) {} renderHistory(); } function loadHistory() { try { state.history = JSON.parse(localStorage.getItem('pct-md-history') || '[]'); } catch (e) { state.history = []; } renderHistory(); } function renderHistory() { if (!state.history.length) { els.historyList.innerHTML = '

No history yet.

'; return; } var h = ''; state.history.forEach(function(it, i) { var d = new Date(it.ts); h += ''; }); els.historyList.innerHTML = h; }els.fileInput.addEventListener('change', function(e) { var f = e.target.files[0]; if (!f) return; if (f.size > 5242880) { toast('File too large (max 5 MB)', 'err'); return; } var ext = (f.name.split('.').pop() || '').toLowerCase(); if (/^(html?|htm)$/.test(ext)) setActiveMode('h2m'); else setActiveMode('m2h'); var rd = new FileReader(); rd.onload = function(ev) { els.input.value = ev.target.result; autoRun(); toast('Loaded ' + f.name, 'ok'); }; rd.readAsText(f); e.target.value = ''; });els.input.addEventListener('input', autoRun); els.input.addEventListener('drop', function(e) { e.preventDefault(); var f = e.dataTransfer.files[0]; if (!f) return; if (f.size > 5242880) { toast('File too large', 'err'); return; } var rd = new FileReader(); rd.onload = function(ev) { els.input.value = ev.target.result; autoRun(); toast('Dropped ' + f.name, 'ok'); }; rd.readAsText(f); }); els.input.addEventListener('dragover', function(e) { e.preventDefault(); }); [els.gfm, els.breaks, els.hi, els.sanitize, els.toc, els.linkify, els.emoji].forEach(function(cb) { cb.addEventListener('change', autoRun); }); els.theme.addEventListener('change', function() { applyTheme(els.theme.value); }); els.wrap.addEventListener('change', function() { root.classList.toggle('pct-md-wrap-on', els.wrap.checked); }); els.sync.addEventListener('change', function() {}); els.input.addEventListener('scroll', function() { if (!els.sync.checked) return; var ratio = els.input.scrollTop / (els.input.scrollHeight - els.input.clientHeight); if (state.outTab === 'rendered') els.rendered.scrollTop = ratio * (els.rendered.scrollHeight - els.rendered.clientHeight); });document.addEventListener('click', function(e) { /* inline onclick handles it */ }); document.addEventListener('keydown', function(e) { if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') { e.preventDefault(); run(); } if (e.key === 'Escape' && root.classList.contains('pct-md-full')) { root.classList.remove('pct-md-full'); } }); root.addEventListener('keydown', function(e) { if ((e.key === 'Enter' || e.key === ' ') && e.target.getAttribute && e.target.getAttribute('role') === 'button') { e.preventDefault(); e.target.click(); } });(function() { if (location.hash.indexOf('#md=') === 0) { try { var d = JSON.parse(decodeURIComponent(escape(atob(location.hash.substring(4))))); els.input.value = d.i || ''; setActiveMode(d.m || 'm2h'); if (d.t) { els.theme.value = d.t; applyTheme(d.t); } autoRun(); } catch (e) {} } })();try { if (localStorage.getItem('pct-md-dark') === '1') root.classList.add('pct-md-dark'); } catch (e) {} loadHistory(); updateStats(''); updateOutMeta(); } })();