KaTeX

katex.min.js大小

KaTeX是一个快速、易用的JavaScript库，用于在网页上渲染TeX数学公式。

快速： KaTeX同步渲染数学公式，无需重排页面。查看它与竞争对手的速度测试比较。
印刷质量： KaTeX的布局基于Donald Knuth的TeX，这是数学排版的黄金标准。
自包含： KaTeX没有依赖项，可以轻松地与您的网站资源打包在一起。
服务器端渲染： KaTeX无论在哪种浏览器或环境中都能产生相同的输出，因此您可以使用Node.js预渲染表达式，并以纯HTML形式发送。

KaTeX兼容所有主流浏览器，包括Chrome、Safari、Firefox、Opera、Edge和IE 11。

KaTeX支持大部分（但不是全部）LaTeX和许多LaTeX包。查看支持的函数列表。

在演示页面上试用KaTeX！

入门

初始模板

<!DOCTYPE html>
<!-- KaTeX需要使用HTML5文档类型。如果没有它，KaTeX可能无法正确渲染 -->
<html>
  <head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css" integrity="sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+" crossorigin="anonymous">

    <!-- KaTeX的加载被延迟以加速页面渲染 -->
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.js" integrity="sha384-7zkQWkzuo3B5mTepMUcHkMB5jZaolc2xDwL6VFqjFALcbeS9Ggm/Yr2r3Dy4lfFg" crossorigin="anonymous"></script>
<!-- 要自动渲染文本元素中的数学公式，请包含自动渲染扩展： -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/contrib/auto-render.min.js" integrity="sha384-43gviWU0YVjaDtb/GhzOouOXtZMP/7XUzwPTstBeZFe/+rCMvRwr4yROQP43s0Xk" crossorigin="anonymous"
    onload="renderMathInElement(document.body);"></script>
</head>
...
</html>

你也可以下载KaTeX并自行托管。

有关如何配置自动渲染扩展的详细信息，请参阅文档。

API

调用katex.render将TeX表达式直接渲染到DOM元素中。例如：

katex.render("c = \\pm\\sqrt{a^2 + b^2}", element, {
    throwOnError: false
});

调用katex.renderToString生成已渲染数学公式的HTML字符串，例如，用于服务器端渲染。例如：

var html = katex.renderToString("c = \\pm\\sqrt{a^2 + b^2}", {
    throwOnError: false
});
// '<span class="katex">...</span>'

在两种情况下都要确保包含CSS和字体文件。如果所有渲染都在服务器上进行，则无需在客户端包含JavaScript。

上面的示例使用了throwOnError: false选项，它会将无效输入以红色（默认）渲染为TeX源代码，并将错误消息显示为悬停文本。有关其他可用选项，请参阅API文档、选项文档和错误处理文档。

演示和文档

在网站上了解更多关于使用KaTeX的信息！

贡献者

代码贡献者

本项目的存在要归功于所有贡献代码的人。如果你想帮忙，请查看我们的代码贡献指南。 <a href="https://github.com/KaTeX/KaTeX/graphs/contributors"><img src="https://yellow-cdn.veclightyear.com/835a84d5/580834b0-2a01-4f65-a8d5-d8f010ff1415.svg?width=890&button=false" alt="代码贡献者" /></a>

财务贡献者

成为财务贡献者，帮助我们维持我们的社区。

个人

组织

用你的组织支持这个项目。你的logo将显示在这里，并链接到你的网站。 <a href="https://opencollective.com/katex/organization/0/website"><img src="https://yellow-cdn.veclightyear.com/835a84d5/7b7bd7c5-8272-42dd-92bb-49728bf4cc09.svg" alt="组织1"></a> <a href="https://opencollective.com/katex/organization/1/website"><img src="https://yellow-cdn.veclightyear.com/835a84d5/eb4fb086-f787-4e86-8c64-09461b86afed.svg" alt="组织2"></a> <a href="https://opencollective.com/katex/organization/2/website"><img src="https://yellow-cdn.veclightyear.com/835a84d5/c6d7412e-217d-4c13-9404-64da90aa22eb.svg" alt="组织3"></a> <a href="https://opencollective.com/katex/organization/3/website"><img src="https://yellow-cdn.veclightyear.com/835a84d5/850782b1-3e27-4bc7-91c0-bff09c40084d.svg" alt="组织4"></a> <a href="https://opencollective.com/katex/organization/4/website"><img src="https://yellow-cdn.veclightyear.com/835a84d5/35f4e606-ac68-4b9a-87ca-b0fbbf73ccab.svg" alt="组织5"></a> <a href="https://opencollective.com/katex/organization/5/website"><img src="https://yellow-cdn.veclightyear.com/835a84d5/0e259756-8134-4bd5-8521-47ac110f24ba.svg" alt="组织6"></a> <a href="https://opencollective.com/katex/organization/6/website"><img src="https://yellow-cdn.veclightyear.com/835a84d5/84ac3c2b-a329-429e-bbd8-86bcd2b88430.svg" alt="组织7"></a> <a href="https://opencollective.com/katex/organization/7/website"><img src="https://yellow-cdn.veclightyear.com/835a84d5/6ddd7eb3-fdf5-4845-9ba5-dc72cbd2c6f2.svg" alt="组织8"></a> <a href="https://opencollective.com/katex/organization/8/website"><img src="https://yellow-cdn.veclightyear.com/835a84d5/4573247a-2142-4fb4-a0cf-48ce57120402.svg" alt="组织9"></a> <a href="https://opencollective.com/katex/organization/9/website"><img src="https://yellow-cdn.veclightyear.com/835a84d5/a37098de-508d-4a02-9298-137a1fbe170a.svg" alt="组织10"></a>