index.html (1283B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Auto-render test</title> 6 <script src="/katex.js" type="text/javascript"></script> 7 <link href="/katex.css" rel="stylesheet" type="text/css"> 8 <script src="./auto-render.js" type="text/javascript"></script> 9 <style type="text/css"> 10 body { 11 margin: 0px; 12 padding: 0px; 13 font-size: 36px; 14 } 15 16 #test > .blue { 17 color: blue; 18 } 19 </style> 20 </head> 21 <body> 22 <div id="test"> 23 This is some text $math \frac12$ other text $\unsupported$ 24 <span class="blue"> 25 Other node \[ displaymath \frac{1}{2} \] blah $$ \int_2^3 $$ 26 </span> 27 and some <!-- comment --> more text \(and math\) blah. And $math with a 28 \$ sign$. 29 <pre> 30 Stuff in a $pre tag$ 31 </pre> 32 </div> 33 <script> 34 renderMathInElement( 35 document.getElementById("test"), 36 { 37 delimiters: [ 38 {left: "$$", right: "$$", display: true}, 39 {left: "\\[", right: "\\]", display: true}, 40 {left: "$", right: "$", display: false}, 41 {left: "\\(", right: "\\)", display: false} 42 ] 43 } 44 ); 45 </script> 46 </body> 47 </html>