itutor-mathlive
Version:
Beautifully typeset math made easy
60 lines (54 loc) • 1.4 kB
HTML
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>MathLive Example</title>
<link rel="stylesheet" href="../../dist/mathlive.core.css">
<link rel="stylesheet" href="../../dist/mathlive.css">
<style>
body {
font-family: sans-serif;
color: #444;
background-color: #f9f9f9;
}
main {
max-width: 820px;
margin: auto;
padding-top: 5em;
}
.mathfield {
border: 1px solid #ddd;
padding:5px;
margin: 10px;
border-radius:5px;
background-color: #fff;
max-width: 50em;
}
</style>
</head>
<body>
<main>
<div class="mathfield" id='mf1' >
$$f(x)=$$
</div>
<div class="mathfield" id='mf2' >
f(x)=
</div>
<p>Euler’s Identity: $$e^{i\pi}+1=0$$. </p>
</main>
<!--
The following two script commands load the project source files.
This is not recommended for production deployment, but can be useful
for debugging during development
-->
<script>
var require = {
baseUrl: './',
paths: {
"jquery": "vendor/jquery-3.2.1.min",
"mathlive": "../../src"
}
};
</script>
<script data-main="main" src="vendor/require.js"></script>
</body>
</html>