LLM Output Formatter

Chatbots answer in markdown, but Word, Gmail, and Google Docs want rich text. Paste any AI output below, see it rendered cleanly, then copy it as rich text that pastes with real headings, bold, lists, and tables intact, or grab the HTML or plain text instead.

Paste markdown output from ChatGPT, Claude, Gemini, Copilot...

Formatted preview

What each button does: "Copy for Word / Gmail / Docs" puts formatted rich text on your clipboard, so pasting into Word, Outlook, Gmail, or Google Docs keeps the headings, bold text, lists, links, and tables instead of showing raw ** and # symbols. "Copy HTML source" gives you the clean generated markup for web pages or CMS editors. "Copy plain text" strips all markdown syntax for places that want unformatted text. The renderer supports headings, bold, italic, strikethrough, links, inline code, fenced code blocks, blockquotes, ordered and unordered lists, tables, and horizontal rules, and it escapes any raw HTML in the input for safety. Everything runs locally in your browser; nothing you paste is uploaded.

\n"; } /* =============== UI wiring =============== */ var PLACEHOLDER_MSG = '

The formatted preview appears here as you type or paste.

'; function currentMarkup() { return input.value.trim() === "" ? "" : render(input.value); } function update() { var markup = currentMarkup(); preview.innerHTML = markup === "" ? PLACEHOLDER_MSG : markup; } function say(msg) { status.textContent = msg; setTimeout(function () { if (status.textContent === msg) status.textContent = ""; }, 1800); } function copyText(text, okMsg) { if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text).then( function () { say(okMsg); }, function () { legacyCopyText(text, okMsg); } ); } else { legacyCopyText(text, okMsg); } } function legacyCopyText(text, okMsg) { var ta = document.createElement("textarea"); ta.value = text; ta.style.position = "fixed"; ta.style.opacity = "0"; document.body.appendChild(ta); ta.select(); try { document.execCommand("copy"); say(okMsg); } catch (e) { say("Copy failed - select and press Ctrl+C"); } document.body.removeChild(ta); } // rich copy: text/html + text/plain via ClipboardItem, selection fallback document.getElementById("of-copy-rich").addEventListener("click", function () { var markup = currentMarkup(); if (markup === "") { say("Nothing to copy yet"); return; } var html = exportHtml(markup); var plain = preview.innerText; function selectionFallback() { var sel = window.getSelection(); var range = document.createRange(); range.selectNodeContents(preview); sel.removeAllRanges(); sel.addRange(range); var ok = false; try { ok = document.execCommand("copy"); } catch (e) { ok = false; } sel.removeAllRanges(); say(ok ? "Rich text copied - paste into Word, Gmail, or Docs" : "Copy failed - select the preview and press Ctrl+C"); } if (navigator.clipboard && window.ClipboardItem) { try { var item = new ClipboardItem({ "text/html": new Blob([html], { type: "text/html" }), "text/plain": new Blob([plain], { type: "text/plain" }) }); navigator.clipboard.write([item]).then( function () { say("Rich text copied - paste into Word, Gmail, or Docs"); }, selectionFallback ); } catch (e) { selectionFallback(); } } else { selectionFallback(); } }); document.getElementById("of-copy-html").addEventListener("click", function () { var markup = currentMarkup(); if (markup === "") { say("Nothing to copy yet"); return; } copyText(exportHtml(markup), "HTML source copied"); }); document.getElementById("of-copy-plain").addEventListener("click", function () { var markup = currentMarkup(); if (markup === "") { say("Nothing to copy yet"); return; } copyText(preview.innerText, "Plain text copied"); }); document.getElementById("of-download").addEventListener("click", function () { var markup = currentMarkup(); if (markup === "") { say("Nothing to download yet"); return; } var blob = new Blob([fullDocument(markup)], { type: "text/html;charset=utf-8" }); var a = document.createElement("a"); a.href = URL.createObjectURL(blob); a.download = "ai-output.html"; document.body.appendChild(a); a.click(); document.body.removeChild(a); setTimeout(function () { URL.revokeObjectURL(a.href); }, 2000); say("Downloaded ai-output.html"); }); input.addEventListener("input", update); /* demo content so the tool explains itself */ var SAMPLE = [ "## Q3 Launch Plan (sample - replace with your AI output)", "", "Paste any chatbot answer here. **Bold**, *italic*, `inline code`, and [links](https://lillytechsystems.com/ai-school/) all convert cleanly.", "", "### Key steps", "1. Finalize the feature list", "2. Ship the beta to early users", " - Collect feedback in week 1", " - Triage issues in week 2", "3. Public launch", "", "| Phase | Owner | Status |", "|-------|-------|--------|", "| Beta | Maya | Done |", "| Launch | Sam | In progress |", "", "> Tip: click \"Copy for Word / Gmail / Docs\" and paste this into a new email; the table and headings come through formatted.", "", "```python", "def greet(name):", " return f\"Hello, {name}!\"", "```" ].join("\n"); input.value = SAMPLE; update(); })();