Latex

AI Tools

For all equations written in javascript, remember to escape the \ with another \. \ by itself is an escape delimiter.

LaTeX.js

Project homepage: https://latex.js.org/

Code:

HTML
    
​x
 
<!DOCTYPE html><html lang="en"><head>  <script src="https://cdn.jsdelivr.net/npm/latex.js/dist/latex.js"></script></head><body>  <script>    var text = 'The fraction is as such: $\\frac{\\sqrt{2}}{2}$'​    var generator = new latexjs.HtmlGenerator({ hyphenate: false })​    generator = latexjs.parse(text, { generator: generator })    document.head.appendChild(      generator.stylesAndScripts("https://cdn.jsdelivr.net/npm/latex.js@0.12.4/dist/"))    document.body.appendChild(generator.domFragment())  </script></body></html>
Copy

KaTex

Project homepage: https://katex.org/

Code:

HTML
    
<!DOCTYPE html><html>  <head>    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css" integrity="sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC" crossorigin="anonymous">    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.js" integrity="sha384-X/XCfMm41VSsqRNQgDerQczD69XqmjOOOwYQvr/uuC+j4OPoNhVgjdGFwhvN02Ja" crossorigin="anonymous"></script>  </head>  <body>    <span id="container"></span>    <script>      katex.render("c = \\pm\\sqrt{a^2 + b^2}", document.getElementById("container"), {        displayMode: true      });    </script>  </body></html>
Copy

Last updated by Zaid Daba'een on Jan 6, 2025

Anything missing? Leave us feedback