* Added MathJax compatibility script * Removed make integrity, which release.sh handles * Renamed scripts * Use katex.render (and options) instead of manually string munging * Rewrote code based on feedback * Renamed file correctly * Extended README with an example of usage * Removed CDN paths in place of an abstract path * Revert "Removed CDN paths in place of an abstract path" This reverts commit 857f8de2e449d9ac5a3d8eab5104dac561c533c4. * Replace versions with `...`, with note to avoid confusing users * Revert some `...` replacements to files that do exist.
math/tex
Custom Script Type Extension
This is an extension to automatically display code inside script
tags with type=math/tex
using KaTeX.
This script type is commonly used by MathJax, so this can be used to support compatibility with MathJax.
Usage
This extension isn't part of KaTeX proper, so the script should be separately included in the page, in addition to KaTeX.
Load the extension by adding the following line to your HTML file.
This extension should be loaded after all script type=math/tex
blocks that you want to render.
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/.../contrib/mathtex-script-type.min.js" integrity="sha384-o+v+EkJWQmZj7XwHBxehTGJKE18182WyyN2glZMTPw9g5XxjN1uwrquNuMX/NJiF"></script>
Note that if the URL above contains ...
in-place of a version string, then this script has not yet
been deployed to the CDN.
You can download the script and use it locally, or from a local KaTeX installation instead.
For example, in the following simple page, we first load KaTeX as usual.
Then, in the body, we use a math/tex
script to typeset the equation x+\sqrt{1-x^2}
.
After we're done writing math/tex
scripts, we load this extension.
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js" integrity="sha384-/y1Nn9+QQAipbNQWU65krzJralCnuOasHncUFXGkdwntGeSvQicrYkiUBwsgUqc1" crossorigin="anonymous"></script>
</head>
<body>
<script type="math/tex">x+\sqrt{1-x^2}</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/.../contrib/mathtex-script-type.min.js" integrity="sha384-o+v+EkJWQmZj7XwHBxehTGJKE18182WyyN2glZMTPw9g5XxjN1uwrquNuMX/NJiF"></script>
</body>
</html>