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