patrick/KaTeX
1
0
Fork 0
mirror of https://github.com/Smaug123/KaTeX synced 2025-10-05 03:08:40 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
166f1f679843818965d6045f49bab9edfacc0704
KaTeX/contrib/mathtex-script-type
History
Evan Widloski 166f1f6798 mathtex-script: Use html 'defer' attribute (#2069) 
* Use html 'defer' attribute

Instead of putting the extension script tag at the bottom, we can use the `defer` attribute to execute the script after all other content is loaded.  It has [very good](https://caniuse.com/#feat=script-defer) browser support.

* fix checksums

* use sha384 hashes

* update to Katex 0.11.1
2019-09-28 00:58:04 +09:00
..
mathtex-script-type.js
Use webpack to build files and webpack-dev-server for testing (#1068)
2018-01-21 19:48:25 -05:00
README.md
mathtex-script: Use html 'defer' attribute (#2069)
2019-09-28 00:58:04 +09:00

README.md

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.

<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/mathtex-script-type.min.js" integrity="sha384-LJ2FmexL77rmGm6SIpxq7y+XA6bkLzGZEgCywzKOZG/ws4va9fUVu2neMjvc3zdv" crossorigin="anonymous"></script>

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}.

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
        <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/mathtex-script-type.min.js" integrity="sha384-LJ2FmexL77rmGm6SIpxq7y+XA6bkLzGZEgCywzKOZG/ws4va9fUVu2neMjvc3zdv" crossorigin="anonymous"></script>
    </head>
    <body>
        <script type="math/tex">x+\sqrt{1-x^2}</script>
    </body>
</html>