Latex

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

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