Code extractor and syntax highlighter
LLM answers bury code inside prose, and copying it out by hand — getting the fences right, picking the file name — is tedious. This tool takes a full markdown response, finds every fenced code block, reads or infers its language, and lays each one out with its own copy and download buttons so you can pull the code straight into your editor.
How it works
The parser walks the markdown looking for fence delimiters — triple backticks or
triple tildes — and captures everything between an opening and matching closing
fence as one block. If the opening fence carries a language tag such as ts or
python, that tag is used directly. When there is no tag, a lightweight
heuristic inspects the code
for language-specific keywords and structure (Python’s def/import,
JavaScript’s const/=>, SQL’s SELECT, shell prompts, JSON braces) and assigns
the most likely language. Each block then renders in a monospace panel with a
copy button (wrapped so it never throws on a denied clipboard) and a download
button that maps the language to the right file extension.
Tips and notes
- Untagged blocks still work. Even if the model forgot the language tag, the detected language drives a sensible download extension.
- Multiple blocks, multiple files. Each block is independent — extract a Dockerfile, a script, and a config from one answer without re-copying.
- Clipboard is best-effort. On non-HTTPS pages the browser may block clipboard access; the copy button fails gracefully and you can still download.
- Everything is local. No code leaves your browser.