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