styleLatex
全部免费工具

LaTeX 转 HTML

粘贴 LaTeX 或上传 .tex 文件,LaTeX 转 HTML 工具会在输入时写出整洁、语义化的 HTML,并实时预览。可以选择公式的渲染方式,以及输出用于现有网站的片段还是完整网页。

在浏览器中转换,内容不会上传。

预览

HTML

<h1>The Gaussian integral</h1>
<p>The integral <span class="katex"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><msubsup><mo>∫</mo><mrow><mo>−</mo><mi mathvariant="normal">∞</mi></mrow><mi mathvariant="normal">∞</mi></msubsup><msup><mi>e</mi><mrow><mo>−</mo><msup><mi>x</mi><mn>2</mn></msup></mrow></msup><mtext> </mtext><mi>d</mi><mi>x</mi></mrow><annotation encoding="application/x-tex">\int_{-\infty}^{\infty} e^{-x^2}\,dx</annotation></semantics></math></span> appears throughout
probability.<sup class="footnote-ref"><a href="#fn1" id="fnref1">1</a></sup></p>
<div class="math display"><span class="katex"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><msubsup><mo>∫</mo><mrow><mo>−</mo><mi mathvariant="normal">∞</mi></mrow><mi mathvariant="normal">∞</mi></msubsup><msup><mi>e</mi><mrow><mo>−</mo><msup><mi>x</mi><mn>2</mn></msup></mrow></msup><mtext> </mtext><mi>d</mi><mi>x</mi><mo>=</mo><msqrt><mi>π</mi></msqrt></mrow><annotation encoding="application/x-tex">\int_{-\infty}^{\infty} e^{-x^2}\,dx = \sqrt{\pi}</annotation></semantics></math></span></div>
<h2>Two proofs</h2>
<ol>
<li><strong>Polar coordinates</strong>: square the integral.</li>
<li><em>Feynman's trick</em>: differentiate under the integral.</li>
</ol>
<table>
<thead>
<tr>
<th>Method</th>
<th style="text-align:right">Steps</th>
</tr>
</thead>
<tbody>
<tr>
<td>Polar</td>
<td style="text-align:right">3</td>
</tr>
<tr>
<td>Series</td>
<td style="text-align:right">5</td>
</tr>
</tbody>
</table>
<section class="footnotes">
<ol>
<li id="fn1">See also <a href="https://en.wikipedia.org/wiki/Gaussian_integral">https://en.wikipedia.org/wiki/Gaussian_integral</a>. <a href="#fnref1" class="footnote-back">↩</a></li>
</ol>
</section>

手上是 PDF 或扫描件而不是 .tex?先把它转换成 LaTeX。

转换 PDF

LaTeX 怎么转 HTML

粘贴或上传 LaTeX

可以粘贴整篇论文或几段文字,也可以上传 .tex 文件。导言区会被跳过,标题和作者会被读取,正文随输入转换。LaTeX 转 HTML 在浏览器中完成,草稿和未发表的论文都留在你的电脑上。

选择公式渲染方式

MathML 被所有现代浏览器和屏幕阅读器支持,不需要任何额外文件。KaTeX HTML 在各处显示完全一致,但需要 KaTeX 样式表。"交给 MathJax 渲染"会保留 \(…\) 和 \[…\],适合已经加载 MathJax 的网页。

检查预览后复制

预览在沙盒中显示转换后的页面。可以复制 HTML 片段粘贴到博客、CMS 或静态网站模板中,也可以复制带有易读内置样式的完整网页,直接打开或上传。

HTML 包含的内容

结构和文字

章节变成 h1 到 h6,段落变成 p,\emph 和 \textbf 变成 em 和 strong,\texttt 变成 code,\href 变成链接。列表、引用块和定理标签都会保留,脚注变成带编号的上标,并在文末生成带返回链接的注释区。

公式

行内和独立公式,包括 align 和 gather 环境,都在转换时由 KaTeX 渲染,所以 LaTeX 转 HTML 的结果不需要任何脚本就能显示公式。每个公式都在注释中保留 LaTeX 源码,方便复制和搜索。

表格、图片和代码

tabular 环境变成保留各列对齐的 HTML 表格,图片变成以图注为替代文字的 img 元素,verbatim 或 lstlisting 代码块变成标明语言的 pre 和 code。文字始终经过转义,LaTeX 中的任何内容都无法注入标签。

发布结果

放到网站或博客

把片段粘贴到 WordPress、Ghost 或静态网站模板中,或直接上传完整网页。个人学术主页可以提供 PDF 下载,同时用 HTML 展示摘要和主要结果,搜索引擎对 HTML 的收录远好于 PDF。

无障碍访问

HTML 能在手机上重新排版,也能配合屏幕阅读器使用。特别是 MathML,可以让 NVDA 加 MathCAT 或 VoiceOver 朗读公式,而 PDF 很少能做到。这也是为课程材料做 LaTeX 转 HTML 的常见原因。

需要了解的限制

自定义宏只保留文字,TikZ 图和页面排版会被去掉,\ref 显示标签而不是编号。如果你的网站由 Markdown 生成,请改为转换成 Markdown,让网站生成器去写 HTML。

LaTeX 转 Markdown

官方参考资料: HTML Living Standard · Pandoc manual

LaTeX 转 HTML: styleLatex card with the tool's purpose and a code sample | LaTeX 转 HTML

LaTeX 与 HTML 常见问题

LaTeX 和 HTML 相似吗?
两者都是把文字和命令混在一起的标记语言,但 LaTeX 为打印和 PDF 排版,HTML 为浏览器描述内容。两者的结构对应得很好,所以 LaTeX 转 HTML 能保留章节、列表和表格。
HTML 里怎么使用 LaTeX?
对于公式,可以在网页中加载 MathJax 或 KaTeX,然后写 \(…\) 或 \[…\];也可以像本工具一样事先把公式转换成 MathML。整篇 LaTeX 文档需要转换,而不是直接嵌入。
怎么在 HTML 中做 LaTeX 表格?
把 tabular 环境粘贴到这里,就会得到带 thead、tbody 并保留各列对齐方式的表格。这里生成的是简单表格,合并单元格会被简化。
个人网站怎么同时放 LaTeX 的 PDF 和 HTML?
保留 PDF 供下载,把摘要或全文转换成 HTML 作为页面内容。这里生成的完整网页可以直接上传,片段也可以放进网站模板。
怎么用 Pandoc 把 LaTeX 转成 HTML?
运行 pandoc paper.tex -s --mathml -o paper.html,或用 --mathjax 输出给 MathJax。Pandoc 会跟随 \input 文件,并可以用 --citeproc 处理参考文献。
怎么用 Python 把 LaTeX 转成 HTML?
通过 pypandoc 调用 Pandoc:pypandoc.convert_text(tex, 'html', format='latex', extra_args=['--mathml'])。plasTeX 是纯 Python 的替代方案。
Overleaf 能把 LaTeX 导出为 HTML 吗?
不能,Overleaf 只编译成 PDF。下载项目源码,打开 main.tex,在这里或用 Pandoc 转换。
arXiv 是怎么把 LaTeX 论文变成 HTML 的?
arXiv 用 LaTeXML 处理提交的源码,生成 HTML 版本,公式使用 MathML。使用不常见宏包的论文有时会转换不完整。
转换成 HTML 的 LaTeX 比 PDF 更易访问吗?
通常是的。HTML 可以随缩放和小屏幕重新排版,屏幕阅读器可以按标题导航并朗读 MathML 公式,而大多数 PDF 对此支持不好。
怎么把单个 LaTeX 公式放进 HTML?
只把公式写在 \[ 和 \] 之间粘贴到这里,然后复制片段;也可以用分享公式页面把它变成图片或链接。
有 LaTeX 转 HTML 的 JavaScript 或 npm 库吗?
只处理公式的话,KaTeX 和 MathJax 是标准库。latex.js 可以在浏览器中渲染整篇 LaTeX 文档,但支持的宏包有限。
这个 LaTeX 转 HTML 工具可以免费在线使用吗?
可以。它免费、无需注册,文件在浏览器中处理。
公式应该选 MathML、KaTeX 还是 MathJax?
MathML 最简单、无障碍效果最好,无需额外文件。KaTeX HTML 在所有浏览器中显示一致,但需要样式表。网站已经加载 MathJax 时选 MathJax。
图片和 PDF 格式的插图会怎样处理?
每个 \includegraphics 变成路径相同、以图注为替代文字的 img。浏览器无法显示 PDF 图片,请把插图导出为 PNG 或 SVG 并更新路径。

有整页笔记、扫描件或 PDF?把它转成能编译的 LaTeX。

转换文件