| <!DOCTYPE html> |
| <html lang="en" data-lt-installed="true"><head> |
| <meta charset="UTF-8"> |
| <title>Title</title> |
| <script> |
| const text = |
| </script> |
| <style> |
| #content { |
| max-width: 800px; |
| margin: auto; |
| } |
| </style> |
| <script> |
| let script = document.createElement('script'); |
| script.src = "https://cdn.jsdelivr.net/npm/mathpix-markdown-it@1.3.6/es5/bundle.js"; |
| document.head.append(script); |
| |
| script.onload = function() { |
| const isLoaded = window.loadMathJax(); |
| if (isLoaded) { |
| console.log('Styles loaded!') |
| } |
| |
| const el = window.document.getElementById('content-text'); |
| if (el) { |
| const options = { |
| htmlTags: true |
| }; |
| const html = window.render(text, options); |
| el.outerHTML = html; |
| } |
| }; |
| </script> |
| </head> |
| <body> |
| <div id="content"><div id="content-text"></div></div> |
| </body> |
| </html> |
|
|
