T
traeai
登录
返回首页
Simon Willison's Weblog

markdown-svg-renderer

7.5Score

TL;DR · AI 摘要

markdown-svg-renderer 是一款支持 Markdown 和 SVG 预览的工具,适合开发者调试和展示内容。

核心要点

  • 支持 Markdown 格式、表格、代码块和交互式 SVG 预览。
  • 可直接粘贴 Markdown 内容或加载 CORS 启用的 URL 和 Gist 文件。
  • 提供编辑器和全屏查看模式,便于聚焦渲染输出。

结构提纲

按章节快速跳转。

  1. markdown-svg-renderer 是一款 Markdown 和 SVG 渲染工具。

  2. 支持标准 Markdown 格式、表格、代码块和交互式 SVG 预览。

  3. 用户可直接粘贴 Markdown 或加载 URL 和 Gist 文件。

  4. 提供编辑器和全屏查看模式,便于聚焦渲染输出。

思维导图

用一张图看清主题之间的关系。

查看大纲文本(无障碍 / 无 JS 友好)
  • markdown-svg-renderer

金句 / Highlights

值得收藏与分享的关键句。

#Markdown#SVG#工具#前端
打开原文

标题:工具:markdown-svg-render器

URL 来源:https://simonwillison.net/2026/May/28/markdown-svg-renderer/

发布时间:Fri, 29 May 2026 06:14:27 GMT

Markdown 内容: 工具markdown-svg-renderer — 查看 Mozilla Bugzilla 的错误报告,并通过实时预览渲染格式化的 markdown 内容。可以直接粘贴 markdown,或者从原始 URL 或 GitHub Gist 加载,支持标准的 markdown 格式化、表格、代码块以及带标签页显示的交互式 SVG 预览。可以在编辑器模式和全屏查看器模式之间切换,专注于渲染后的输出。

这是一个略作定制的 Markdown 渲染工具,对带围栏的 SVG 代码块进行了特殊处理 —— 它不仅渲染图像,还提供一个选项卡用于切换到代码视图。

你可以粘贴 Markdown 内容,或者提供一个启用了 CORS 的 Markdown 文件或 Gist 的 URL。这里有一个示例,它加载了一个包含 Opus 4.8 LLM 鹈鹕日志的 Markdown 文件。

AI 可能会生成不准确的信息,请核实重要内容

markdown-svg-renderer | Simon Willison's Weblog | traeai