103 lines
5.1 KiB
HTML
103 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>KaTeX – The fastest math typesetting library for the web</title>
|
||
<meta property="og:title" content="KaTeX – The fastest math typesetting library for the web">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="http://khan.github.io/KaTeX/">
|
||
<meta property="og:image" content="http://khan.github.io/KaTeX/og_logo.png">
|
||
<meta property="og:description" content="Simple API, no dependencies – yet super-fast on all major browsers.">
|
||
<link href="bower_components/katex/dist/katex.min.css" type="text/css" rel="stylesheet">
|
||
<script src="bower_components/katex/dist/katex.min.js" type="text/javascript"></script>
|
||
<link href="bower_components/normalize.css/normalize.css" type="text/css" rel="stylesheet">
|
||
<link href="bower_components/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet">
|
||
<link href="main.css" type="text/css" rel="stylesheet">
|
||
<script src="//use.typekit.net/ulc1wme.js"></script>
|
||
<script>try{Typekit.load();}catch(e){}</script>
|
||
</head>
|
||
<body>
|
||
<div class="header"><div class="container">
|
||
<h1 class="logo tex" data-expr="\KaTeX">KaTeX</h1>
|
||
<div class="tagline">
|
||
The <em>fastest</em> math typesetting library for the web.
|
||
</div>
|
||
<div class="cta">
|
||
<a href="https://github.com/Khan/KaTeX/releases" role="button"><i class="fa fa-download"></i> Download</a><a href="https://github.com/Khan/KaTeX" role="button"><i class="fa fa-github"></i> View on GitHub</a>
|
||
</div>
|
||
<div class="demo">
|
||
<div class="demo-left">
|
||
<div class="demo-instructions">
|
||
Type an expression:
|
||
</div>
|
||
<textarea id="demo-input" spellcheck="false">
|
||
f(x) = \int_{-\infty}^\infty
|
||
\hat f(\xi)\,e^{2 \pi i \xi x}
|
||
\,d\xi</textarea>
|
||
</div>
|
||
<div class="demo-right">
|
||
<div class="demo-instructions">
|
||
See how it renders with <span class="tex" data-expr="\KaTeX">KaTeX</span>:
|
||
</div>
|
||
<div id="demo-output"></div>
|
||
</div>
|
||
</div>
|
||
</div></div>
|
||
|
||
<div class="main"><div class="container">
|
||
<div class="subtagline">
|
||
Simple API, no dependencies – yet super-fast on all major browsers.
|
||
</div>
|
||
|
||
<ul class="features">
|
||
<li><b>Fast:</b> KaTeX renders its math synchronously and doesn’t need to reflow the page.</li>
|
||
<li><b>Print quality:</b> KaTeX’s layout is based on Donald Knuth’s TeX, the gold standard for math typesetting.</li>
|
||
<li><b>Self contained:</b> KaTeX has no dependencies and can easily be bundled with your website resources.</li>
|
||
<li><b>Server side rendering:</b> KaTeX produces the same output regardless of browser or environment, so you can pre-render expressions using Node.js and send them as plain HTML.</li>
|
||
</ul>
|
||
|
||
<div class="examples">
|
||
<div class="example tex" data-expr="\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }"></div>
|
||
<div class="example tex" data-expr="\displaystyle \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)"></div>
|
||
<div class="example tex" data-expr="\displaystyle 1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots = \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}, \quad\quad \text{for }\lvert q\rvert<1."></div>
|
||
</div>
|
||
|
||
<div class="subtagline">
|
||
Lightning-fast, even on pages with hundreds of expressions:
|
||
</div>
|
||
|
||
<div class="comparison-labels">
|
||
<div class="left tex" data-expr="\KaTeX"></div>
|
||
<div class="right">MathJax</div>
|
||
</div>
|
||
<div class="comparison"></div>
|
||
|
||
<div class="cta">
|
||
<a href="https://github.com/Khan/KaTeX/releases" role="button"><i class="fa fa-download"></i> Download</a><a href="https://github.com/Khan/KaTeX" role="button"><i class="fa fa-github"></i> View on GitHub</a>
|
||
</div>
|
||
</div></div>
|
||
|
||
<div class="footer"><div class="container">
|
||
<a class="ka-logo" href="https://www.khanacademy.org/"><img src="khan-academy.png" alt="Khan Academy" width="180" height="17"></a>
|
||
<span class="credits">
|
||
Created by <a href="https://github.com/xymostech">Emily Eisenberg</a> and <a href="http://benalpert.com/">Ben Alpert</a><br>
|
||
Supported by <a href="https://www.browserstack.com/">BrowserStack</a>
|
||
</span>
|
||
</div></div>
|
||
|
||
<script src="main.js" type="text/javascript"></script>
|
||
<script type="text/javascript">
|
||
startup();
|
||
</script>
|
||
<script>
|
||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||
ga('create', 'UA-54842501-1', 'auto');
|
||
ga('send', 'pageview');
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|