MathJax
Perfect to render equations but don’t have structures support like tables and lists.
<html>
<head>
<title>MathJax TeX Test Page</title>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
</head><body>
When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
</body>Saiba mais em http://www.mathjax.org/.
Latex2html5
This project is the frontend only version of the code that originated from Mathapedia to enable real-time, dynamic authorship of mathematical ebooks
LaTeX2HTML5 Installation
Simply download the JS and CSS files and include them on your MathJax enabled website:
If you want the same font as the rendered examples:
You have three options for parsing the LATEX: You can put LATEX inside of the current page within a script tag with the type set to “tex/latex”:
<script type="tex/latex">
... LaTeX here ...
</script>
<script type="text/javascript">
$('body').latex();
</script>
or you can read a .tex file from somewhere else, which is nice for editing .tex files:
<latex src="path/to/my/latex.tex">
<script type="text/javascript">
$('latex').LaTeX();
</script>or you can write it from scratch!
MathJax.Hub.Register.StartupHook("End",function () {
$('[type="tex/latex"]').each(function (i, el) {
var $el = $(el);
var TEX = new LaTeX2HTML5.TeX({
tagName: 'section',
className: 'latex-container',
latex: $el.text()
});
TEX.render();
$el.replaceWith(TEX.$el);
});
});
Examples: