Markdown Editor

MD Editor

Words 0 Chars 0 Lines 0 Read 0 min Ln 1, Col 1

Markdown Source

Rendered Preview

OCXLY Markdown Editor Auto-save: localStorage Ctrl+B Bold · Ctrl+I Italic · Ctrl+K Link Saved

\n'; download('document.html', htmlOut, 'text/html'); showToast('HTML downloaded'); }); document.getElementById('copy-html').addEventListener('click', function() { navigator.clipboard.writeText(preview.innerHTML).then(function() { showToast('HTML copied to clipboard'); }); }); function download(filename, content, type) { var a = document.createElement('a'); a.href = URL.createObjectURL(new Blob([content], {type: type})); a.download = filename; a.click(); URL.revokeObjectURL(a.href); } /* ─── CHEATSHEET ──────────────────────────────────────────── */ document.getElementById('btn-cheatsheet').addEventListener('click', function() { cheatsheet.classList.toggle('open'); }); document.getElementById('cheatsheet-close').addEventListener('click', function() { cheatsheet.classList.remove('open'); }); /* ─── KEYBOARD SHORTCUTS ──────────────────────────────────── */ textarea.addEventListener('keydown', function(e) { var ctrl = e.ctrlKey || e.metaKey; if (ctrl && e.key === 'b') { e.preventDefault(); wrapSelection('**','**','bold text'); } if (ctrl && e.key === 'i') { e.preventDefault(); wrapSelection('*','*','italic text'); } if (ctrl && e.key === 'k') { e.preventDefault(); openLinkModal(); } if (ctrl && e.shiftKey && e.key === 'K') { e.preventDefault(); wrapSelection('`','`','code'); } /* Tab key — insert spaces */ if (e.key === 'Tab') { e.preventDefault(); var start = textarea.selectionStart; textarea.setRangeText(' ', start, start, 'end'); render(); } }); /* ─── TOAST ───────────────────────────────────────────────── */ function showToast(msg) { toast.textContent = msg; toast.classList.add('show'); clearTimeout(toastTimer); toastTimer = setTimeout(function() { toast.classList.remove('show'); }, 2800); } /* ─── GALAXY DIM ──────────────────────────────────────────── */ setTimeout(function() { var c = document.getElementById('webgl-canvas'); if (c) { c.style.opacity = '0.15'; c.style.transition = 'opacity 1.5s ease'; } }, 1200); /* ─── INIT ────────────────────────────────────────────────── */ loadSaved(); updateCursor(); })();

Markdown Editor

Markdown Reference