Simon Willison's WeblogMay 28, 2026, 7:45 PM

markdown-svg-renderer

A Markdown renderer that previews fenced SVG code blocks while keeping a code-view tab.

Simon Willison shared markdown-svg-renderer, a customized Markdown rendering tool with special handling for fenced SVG code blocks. It renders the SVG image and also provides a tab for switching back to the source code. Users can paste Markdown directly or load a CORS-enabled Markdown file or Gist by URL, with an example using LLM pelican logs for Opus 4.8.

Simon Willison introduced a small tool called markdown-svg-renderer on his personal blog. The tool's core purpose is to render Markdown, but it does additional processing for SVG content inside fenced code blocks: when an SVG code block appears in the Markdown, it does not just display the code as text, but actually renders the SVG into an image, and provides a tabbed interface that lets users switch between "image preview" and "source code view."

Full summary

Free shows the 3-line summary; Pro unlocks the full deep summary (~300 words) so you never have to click through.

See Pro plans →

Want the original English / full article?

Read on Simon Willison's Weblog →

Summaries are AI-generated; the original article is authoritative.