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