Como mostrar fórmulas em sua página usando KATEX
Como configurar sua página web para renderizar fórmulas utilizando a biblioteca Katex
Usar o KATEX em seu site é incrivelmente simples.
Coloque as seguintes linhas de código na seção <head> do seu código HTML.
CSS
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC" crossorigin="anonymous">
KATEX Core
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" integrity="sha384-X/XCfMm41VSsqRNQgDerQczD69XqmjOOOwYQvr/uuC+j4OPoNhVgjdGFwhvN02Ja" crossorigin="anonymous"></script>
KATEX Autorender
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous"></script>
Na parte inferior da página, logo acima da 'tag' body , cole este código JavaScript que irá configurar o ambiente.
Agora insira as fórmulas entre '$$'. Tudo o que estiver entre estes sinais de dois dólares será renderizado pelo motor KATEX.
Eis aqui dois exemplos:
$$ c = \pm\sqrt{a^2 + b^2} $$
e
$$ \int f(x) dx $$
serão exibidos na página como:
$$ c = \pm\sqrt{a^2 + b^2} $$
e
$$ \int f(x) dx $$
respectivamente.
Outros exemplos:
\def\arraystretch{1.5} \begin{array}{c:c:c} a & b & c \\ \hline d & e & f \\ \hdashline g & h & i \end{array}
$$\def\arraystretch{1.5} \begin{array}{c:c:c} a & b & c \\ \hline d & e & f \\ \hdashline g & h & i \end{array}$$
e
\begin{bmatrix} a & b \\ c & d \end{bmatrix}
$$ \begin{bmatrix} a & b \\ c & d \end{bmatrix} $$
É assim que usamos o KATEX neste site (respostas.ninja).