Login

Username

Password

Remember Me

Don’t have an account?

"; }function updatePreview() { const frame = $("#mdFrame"); const empty = $("#mdPreviewEmpty"); const has = S.md.trim().length > 0; empty.hidden = has; frame.hidden = !has;const c = contentMm(); const p = pageMm(); frame.style.width = p.w + "mm"; frame.style.height = p.h + "mm"; frame.style.padding = c.m + "mm"; const stage = $("#mdPreviewStage"); const avail = stage.clientWidth - 24; const fit = avail > 0 ? Math.min(1, avail / (p.w * PX_PER_MM)) : 1; frame.style.transform = "scale(" + fit + ")"; stage.style.height = has ? (p.h * PX_PER_MM * fit + 24) + "px" : ""; if (has) frame.srcdoc = frameDoc(toHtml(S.md)); $("#mdPageInfo").textContent = PAGES[S.opts.size].label + " · " + (S.opts.orient === "portrait" ? "Portrait" : "Landscape") + " · " + c.m + "mm margins"; }function setMd(src, name) { if (src.length > MAX_MD) return toast("That file is over 3 MB. Split it and try again.", "err", 4000); S.md = src; if (name) { S.name = name.replace(/\.[^.]+$/, "") || "document"; $("#mdName").value = S.name; } $("#mdCode").value = src; ROOT.classList.toggle("md-ready", src.trim().length > 0); updatePreview(); updateActions(); if (S.hasMath) ensureKatex(); }function updateActions() { const has = S.md.trim().length > 0; $("#mdDownload").disabled = !has; $("#mdPrint").disabled = !has; $("#mdWord").disabled = !has; $("#mdClear").disabled = !has; const words = S.md.trim() ? S.md.trim().split(/\s+/).length : 0; $("#mdStat").textContent = has ? words.toLocaleString() + (words === 1 ? " word" : " words") : "nothing loaded yet"; }function safeName(n) { const out = String(n || "document") .replace(/[\/\\:*?"<>|]+/g, "").replace(/[\x00-\x1f\x7f]+/g, "").trim().slice(0, 100); return out || "document"; }function toast(msg, kind, ms) { const el = document.createElement("div"); el.className = "md-toast md-" + (kind || "info"); el.textContent = msg; $("#mdToasts").append(el); const t = setTimeout(() => { el.classList.add("md-out"); el.addEventListener("animationend", () => el.remove(), { once: true }); }, ms || 2800); el.addEventListener("click", () => { clearTimeout(t); el.remove(); }); return el; }function loadScript(src, globalName) { if (globalName && window[globalName]) return Promise.resolve(); return new Promise((ok, fail) => { if ([...document.scripts].some(s => s.src === src)) { if (globalName && !window[globalName]) { const started = Date.now(); const poll = setInterval(() => { if (window[globalName]) { clearInterval(poll); ok(); } else if (Date.now() - started > 20000) { clearInterval(poll); fail(new Error("timed out")); } }, 60); return; } return ok(); } const s = document.createElement("script"); s.src = src; s.async = true; s.onload = ok; s.onerror = () => fail(new Error("could not load " + src)); document.head.append(s); }); }let katexTried = false; function ensureKatex() { if (window.katex || katexTried) return; katexTried = true; loadScript(CDN.katex, "katex").then(() => updatePreview()).catch(() => { toast("Maths could not load, so formulas are shown as plain LaTeX.", "info", 4200); }); }function offscreenFrame(html, widthMm) { return new Promise(resolve => { const f = document.createElement("iframe"); f.setAttribute("sandbox", "allow-same-origin"); f.style.cssText = "position:absolute;left:-10000px;top:0;border:0;width:" + (widthMm * PX_PER_MM) + "px;height:100px;"; f.onload = () => resolve(f); document.body.appendChild(f); f.srcdoc = html; setTimeout(() => resolve(f), 1400); }); }async function waitForAssets(fdoc) { const imgs = Array.from(fdoc.images || []); await Promise.all(imgs.map(img => img.complete ? Promise.resolve() : new Promise(r => { img.onload = r; img.onerror = r; setTimeout(r, 4000); }))); if (fdoc.fonts && fdoc.fonts.ready) { try { await fdoc.fonts.ready; } catch (e) {} } }async function convert() { if (!S.md.trim()) return; const btn = $("#mdDownload"); const label = $(".md-dl-label").textContent; const setLabel = t => $(".md-dl-label").textContent = t; btn.disabled = true; let frame; try { setLabel("Loading engine…"); const jobs = [loadScript(CDN.h2c, "html2canvas"), loadScript(CDN.jspdf, "jspdf")]; if (S.hasMath) jobs.push(loadScript(CDN.katex, "katex").catch(() => {})); await Promise.all(jobs);const page = pageMm(); const c = contentMm();setLabel("Rendering…"); frame = await offscreenFrame(frameDoc(toHtml(S.md)), c.w); const fdoc = frame.contentDocument; if (!fdoc) throw new Error("the preview frame could not be read"); await waitForAssets(fdoc); const body = fdoc.body; const fullH = Math.max(body.scrollHeight, body.offsetHeight, 1); frame.style.height = fullH + "px";const canvas = await window.html2canvas(body, { scale: S.opts.quality === "high" ? 2 : 1.35, backgroundColor: "#ffffff", useCORS: true, logging: false, windowWidth: c.w * PX_PER_MM, width: c.w * PX_PER_MM, height: fullH });const { jsPDF } = window.jspdf; const doc = new jsPDF({ orientation: S.opts.orient === "landscape" ? "landscape" : "portrait", unit: "mm", format: [page.w, page.h], compress: true }); doc.setProperties({ title: safeName($("#mdName").value), creator: "Toolesh Markdown to PDF" });const pxPerMm = canvas.width / c.w; const sliceH = Math.max(1, Math.floor(c.h * pxPerMm)); const total = Math.max(1, Math.ceil(canvas.height / sliceH)); const cut = document.createElement("canvas"); const ctx = cut.getContext("2d");for (let i = 0; i < total; i++) { setLabel("Page " + (i + 1) + "/" + total); const h = Math.min(sliceH, canvas.height - i * sliceH); cut.width = canvas.width; cut.height = h; if (ctx) { ctx.fillStyle = "#ffffff"; ctx.fillRect(0, 0, cut.width, h); ctx.drawImage(canvas, 0, i * sliceH, canvas.width, h, 0, 0, canvas.width, h); } if (i > 0) doc.addPage([page.w, page.h], S.opts.orient === "landscape" ? "landscape" : "portrait"); doc.addImage(cut.toDataURL("image/jpeg", 0.92), "JPEG", c.m, c.m, c.w, h / pxPerMm); }setLabel("Saving…"); doc.save(safeName($("#mdName").value) + ".pdf"); toast("Saved " + total + (total === 1 ? " page" : " pages") + " as " + safeName($("#mdName").value) + ".pdf", "ok", 3600);} catch (e) { console.error(e); toast("Conversion failed: " + (e.message || "unknown error"), "err", 5200); } finally { if (frame) frame.remove(); btn.disabled = false; setLabel(label); } }function printQuality() { if (!S.md.trim()) return; const c = contentMm(); const page = pageMm(); const extra = ""; const f = document.createElement("iframe"); f.setAttribute("sandbox", "allow-same-origin allow-modals"); f.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0;opacity:0;"; document.body.appendChild(f); f.onload = () => { try { f.contentWindow.focus(); f.contentWindow.print(); toast("Choose \u201cSave as PDF\u201d as the destination for selectable text.", "info", 6000); } catch (e) { toast("Your browser blocked the print dialog. Use the direct download instead.", "err", 5000); } setTimeout(() => f.remove(), 60000); }; f.srcdoc = frameDoc(toHtml(S.md)).replace("", extra + ""); }function downloadWord() { if (!S.md.trim()) return; const page = pageMm(); const c = contentMm(); const body = toHtml(S.md); const css = [ "@page{size:" + page.w + "mm " + page.h + "mm;margin:" + c.m + "mm}", (THEMES[S.opts.theme] || THEMES.github), "body{width:" + c.w + "mm}", "table{border-collapse:collapse}", "pre{white-space:pre-wrap}" ].join(""); const doc = '' + '' + safeName($("#mdName").value) + "" + "" + body + "";const blob = new Blob(["\ufeff", doc], { type: "application/msword" }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = safeName($("#mdName").value) + ".doc"; document.body.append(a); a.click(); a.remove(); setTimeout(() => URL.revokeObjectURL(url), 4000); toast("Saved as .doc — opens and edits in Word, Pages or Google Docs.", "ok", 4200); }function init() { const code = $("#mdCode"); const pick = $("#mdFilePick");$$(".md-tab").forEach(b => b.onclick = () => { const which = b.dataset.tab; $$(".md-tab").forEach(x => { const on = x === b; x.classList.toggle("md-on", on); x.setAttribute("aria-selected", on ? "true" : "false"); }); $("#mdPaneCode").hidden = which !== "code"; $("#mdPaneFile").hidden = which !== "file"; if (which === "code") code.focus(); });let typing; code.addEventListener("input", () => { clearTimeout(typing); typing = setTimeout(() => { S.md = code.value; ROOT.classList.toggle("md-ready", S.md.trim().length > 0); updatePreview(); updateActions(); if (S.hasMath) ensureKatex(); }, 260); });$("#mdBrowse").onclick = () => pick.click(); pick.onchange = e => { const f = e.target.files[0]; e.target.value = ""; if (!f) return; if (!/\.(md|markdown|mdown|mkd|mdx|rmd|txt)$/i.test(f.name) && !/text/.test(f.type)) { return toast("That is not a Markdown file. Choose .md, .markdown or .txt.", "err", 4000); } const r = new FileReader(); r.onload = () => { setMd(String(r.result), f.name); toast("Loaded " + f.name, "ok"); }; r.onerror = () => toast("That file could not be read.", "err"); r.readAsText(f); };const drop = $("#mdDrop"); let depth = 0; window.addEventListener("dragenter", e => { if (!Array.from(e.dataTransfer.types || []).includes("Files")) return; depth++; $("#mdVeil").classList.add("md-on"); }); window.addEventListener("dragover", e => e.preventDefault()); window.addEventListener("dragleave", () => { if (--depth <= 0) { depth = 0; $("#mdVeil").classList.remove("md-on"); } }); window.addEventListener("drop", e => { if (!e.dataTransfer.files.length) return; e.preventDefault(); depth = 0; $("#mdVeil").classList.remove("md-on"); const f = e.dataTransfer.files[0]; const r = new FileReader(); r.onload = () => { setMd(String(r.result), f.name); toast("Loaded " + f.name, "ok"); }; r.readAsText(f); }); if (drop) drop.addEventListener("click", e => { if (!e.target.closest("button")) pick.click(); });$("#mdSample").onclick = () => { setMd(SAMPLE, "release-notes"); $$(".md-tab").forEach(x => x.classList.toggle("md-on", x.dataset.tab === "code")); $("#mdPaneCode").hidden = false; $("#mdPaneFile").hidden = true; toast("Sample loaded — press Download PDF to try it", "ok", 3200); };$("#mdClear").onclick = () => { S.md = ""; S.name = "document"; S.hasMath = false; code.value = ""; $("#mdName").value = "document"; ROOT.classList.remove("md-ready"); updatePreview(); updateActions(); };$("#mdDownload").onclick = convert; $("#mdPrint").onclick = printQuality; $("#mdWord").onclick = downloadWord;const ctaStart = $("#mdCtaStart"); if (ctaStart) ctaStart.onclick = () => { const t = $("#mdTool"); if (t && t.scrollIntoView) t.scrollIntoView({ behavior: "smooth", block: "start" }); code.focus(); }; const ctaFaq = $("#mdCtaFaq"); if (ctaFaq) ctaFaq.onclick = () => { const t = $("#mdFaq"); if (!t) return; t.scrollIntoView({ behavior: "smooth", block: "start" }); const first = $(".md-faq-q"); if (first && !first.parentElement.classList.contains("md-open")) first.click(); };$$(".md-faq-q").forEach(btn => { btn.onclick = () => { const item = btn.parentElement; const willOpen = !item.classList.contains("md-open"); $$(".md-faq").forEach(f => { f.classList.remove("md-open"); const q = $(".md-faq-q", f); if (q) q.setAttribute("aria-expanded", "false"); }); if (willOpen) { item.classList.add("md-open"); btn.setAttribute("aria-expanded", "true"); } }; });let rt; window.addEventListener("resize", () => { clearTimeout(rt); rt = setTimeout(updatePreview, 180); });updatePreview(); updateActions(); }init();})();

Login

Informational Pages

Trending Items

Best Tools

Login

Informational Pages

Trending Items

Best Tools

Follow Us