|
|
<!DOCTYPE html> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<html> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>Auto-render test</title> |
|
|
<script src="/katex.js" type="text/javascript"></script> |
|
|
<script src="/contrib/auto-render.js" type="text/javascript"></script> |
|
|
<style type="text/css"> |
|
|
body { |
|
|
margin: 0px; |
|
|
padding: 0px; |
|
|
font-size: 36px; |
|
|
} |
|
|
|
|
|
#test > .blue { |
|
|
color: blue; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div id="test"> |
|
|
This is some text $math \frac12$ other text $\unsupported$ |
|
|
<span class="blue"> |
|
|
Other node \[ \text{displaymath} \frac{1}{2} \] blah $$ \int_2^3 $$ |
|
|
</span> |
|
|
and some more text \(and math\) blah. And $math with a |
|
|
\$ sign$. |
|
|
<pre> |
|
|
Stuff in a $pre tag$ |
|
|
</pre> |
|
|
<p>An AMS environment without <code>$$…$$</code> delimiters.</p> |
|
|
<p>\begin{equation} \begin{split} a &=b+c\\ &=e+f \end{split} \end{equation}</p> |
|
|
</div> |
|
|
<script> |
|
|
renderMathInElement( |
|
|
document.getElementById("test"), |
|
|
{ |
|
|
delimiters: [ |
|
|
{left: "$$", right: "$$", display: true}, |
|
|
{left: "$", right: "$", display: false}, |
|
|
{left: "\\begin{equation}", right: "\\end{equation}", display: true}, |
|
|
{left: "\\begin{align}", right: "\\end{align}", display: true}, |
|
|
{left: "\\begin{alignat}", right: "\\end{alignat}", display: true}, |
|
|
{left: "\\begin{gather}", right: "\\end{gather}", display: true}, |
|
|
{left: "\\(", right: "\\)", display: false}, |
|
|
{left: "\\[", right: "\\]", display: true} |
|
|
] |
|
|
} |
|
|
); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
