Latex

Javascript backslash

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:

<!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>

KaTex

Project homepage: https://katex.org/

Code:

<!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>


  Last updated by Zaid
On This Page
LatexLaTeX.jsKaTex