LaTeX renderer：支持实时预览与链接分享的 LaTeX 渲染工具

工具 LaTeX 渲染器 — LaTeX 渲染器可将 LaTeX 源码转换为渲染后的视图，可以是由 MathJax 排版的单个独立公式，也可以是由 faster-latex 排版的完整文档或文本片段；编辑器旁边还会实时预览，并可通过工具栏在编辑和渲染视图之间切换。源码可以直接输入、从 URL 或 GitHub Gist 加载，也可以从内置示例中选择；页面会将 LaTeX 保存在 URL 片段中，因此可以通过可读或压缩后的链接分享。

受 Paul Ford 和 Aboard Foundary 的全新网页应用 Tiny Little Office 启发，该应用提供一套网页内容编辑工具（文字处理器、大纲编辑器、演示文稿制作器、电子表格、计算器、绘图工具、图表制作器、动画制作器、日历和旅行规划器）。

Tiny Little Office 的标志性技巧是将所有文档数据存储在 URL 的 #fragment 部分，因此用它创建的每份文档都能成为可添加书签并分享的链接。

它还有一个 llms.txt 文件，告诉智能体如何构造可渲染为文档的 URL。Claude 利用该文件生成了这个演示文稿链接，用来解释 URL 格式的工作原理：

Tiny Little Office 给了我灵感，让 Claude Code（Opus 5.5 Extra）构建了一个类似的 LaTeX 工具。以下是我使用的提示词序列：

I want a tool where you can link to it with a fragment hash #code-here and it treats that code as LaTeX and renders it really effectively. It should also support a prefix which means the latex is compressed with a custom compression dictionary optimized for latex. Use the best available latex render library from a CDN (consider WebAssembly too). If loaded without a fragment hash show an editor you can paste latex into and then toggle to a "rendered" view. That rendered view should be bookmarkable. The #fragment view should let you switch to edit source too.

由于它是在我的工具仓库中工作的，我让它参考我现有的 SVG in Markdown 工具所采用的 <iframe sandbox="..."> 机制，以防范 XSS 风险：

Safe from XSS? We could run in an iframe sandbox like we do on the SVG markdown render project

我还让它从那个工具中复制了 Gist/URL 加载功能：

We should have an option to load latex from a URL (or gist) similar to the markdown SVG tool

这是一个示例链接。该工具使用了 Pako 2.1.0、MathJax 4.1.3、faster-latex 0.3.1 和 DOMPurify 3.4.16。