Simon Willison发布LaTeX renderer:把LaTeX源码存进URL fragment分享
该工具由Claude Code(Opus 5.5 Extra)按照一组提示词构建,支持在URL的 #fragment中保存LaTeX并渲染为MathJax公式或faster-latex文档,灵感来自Tiny Little Office。
AI解读:Simon Willison发布了一款名为LaTeX renderer的工具,可将LaTeX源码渲染为视图:单条展示公式由MathJax排版,完整文档或文字片段由faster-latex排版,编辑器旁有实时预览,工具栏可在Edit与Rendered视图间切换。
源码可通过输入、从URL或GitHub Gist加载,或从内置示例中选取;页面把LaTeX保存在URL fragment中,因此链接可分享,并支持压缩链接。
Willison称灵感来自Paul Ford和Aboard Foundary的新Web应用Tiny Little Office,后者把文档数据全部存进URL的 #fragment段,并配有llms.txt文件指导智能体构造可渲染文档的URL。
据Willison描述,他让Claude Code(Opus 5.5 Extra)用一组提示词构建了该工具,提示词要求支持 #code-here形式的fragment、为LaTeX优化的自定义压缩字典前缀、从CDN选用可用的LaTeX渲染库,并参考其SVG in Markdown工具用iframe沙箱防范XSS。
工具使用Pako 2.1.0、MathJax 4.1.3、faster-latex 0.3.1和DOMPurify 3.4.16。来源未给出渲染速度、准确率或压缩率等公开效果数据。
Simon Willison发布了一款名为LaTeX renderer的工具,可将LaTeX源码渲染为视图,并把源码保存在URL的 #fragment段中以便分享。
该工具由Claude Code(Opus 5.5 Extra)根据Willison给出的一组提示词构建,灵感来自Paul Ford和Aboard Foundary的新Web应用Tiny Little Office。
工具功能与使用方式
据Willison的描述,LaTeX renderer把LaTeX源码渲染为视图:单条展示公式由MathJax排版,完整文档或文字片段由faster-latex排版;编辑器旁提供实时预览,工具栏可在Edit与Rendered两种视图间切换。
源码的输入方式包括直接输入、从URL或GitHub Gist加载,以及从内置示例中选取。页面把LaTeX保留在URL fragment中,使结果可以作为可读或压缩过的链接分享。
带fragment访问时,页面直接呈现渲染结果,并允许切换回编辑源码;不带fragment加载时,页面显示可粘贴LaTeX的编辑器。
- 单条展示公式:MathJax
- 完整文档或文字片段:faster-latex
- 视图切换:Edit / Rendered
- 源码来源:输入、URL、GitHub Gist、内置示例
灵感来源:Tiny Little Office
Willison称该工具受Paul Ford和Aboard Foundary的新Web应用Tiny Little Office启发。Tiny Little Office提供一套Web应用内容编辑器,包括文字处理器、大纲工具、演示文稿构建器、电子表格、计算器、绘图工具、图表制作器、动画工具、日历和旅行规划器。
按Willison的描述,Tiny Little Office的标志性做法是把所有文档数据存储在URL的 #fragment段中,让每份文档都成为可书签化、可分享的链接;它还有一个llms.txt文件,告诉智能体如何构造能渲染为文档的URL。Willison称Claude使用该文件生成了一个解释URL格式的演示文稿链接。
- Tiny Little Office由Paul Ford与Aboard Foundary推出
- 文档数据存于URL #fragment,链接可书签化、可分享
- llms.txt指导智能体构造可渲染文档的URL
构建提示词与安全措施
Willison在来源中列出了他用来让Claude Code构建该工具的提示词顺序,内容包括:链接带 #code-here fragment时把代码当作LaTeX有效渲染;支持一个前缀表示LaTeX已用为LaTeX优化的自定义压缩字典压缩;从CDN选用可用的最佳LaTeX渲染库(并考虑WebAssembly);无fragment加载时显示编辑器并可在渲染视图间切换,渲染视图应可书签化;fragment视图应可切回编辑源码。
他还表示,由于该工具工作在他的工具仓库中,他要求参考其已有的SVG in Markdown工具的机制防范XSS风险,例如像SVG Markdown渲染项目那样在iframe沙箱中运行,并让工具复制该工具的Gist/URL加载功能。
工具使用的依赖版本为Pako 2.1.0、MathJax 4.1.3、faster-latex 0.3.1和DOMPurify 3.4.16。
- 提示词要求支持 #code-here fragment渲染LaTeX
- 支持为LaTeX优化的自定义压缩字典前缀
- 从CDN选择LaTeX渲染库,并考虑WebAssembly
- 参考SVG in Markdown工具,用iframe沙箱防XSS
- 复制Gist/URL加载功能
- 依赖版本:Pako 2.1.0、MathJax 4.1.3、faster-latex 0.3.1、DOMPurify 3.4.16