MathJax Equation Demo

by navyflower

HTML

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  extensions: ['tex2jax.js'],
  jax: ['input/TeX','output/SVG'],
  tex2jax: {
    inlineMath: [ ['$','$'], ['\(','\)'] ],
    processEscapes: true,
    processClass: 'tex2jax',
    ignoreClass: 'html'
  },
  showProcessingMessages: false,
  messageStyle: 'none'
});
</script>
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML&amp;nbbffw"></script>

<div class="tex2jax"><span class="mth">\(8=2\cdot 4\)</span></div>

JavaScript

jQuery( document ).ready(function() {

MathJax.Hub.Config({ 
      TeX: {
      },
      jax: ["input/TeX","output/SVG"],
      "HTML-CSS": {
        preferredFont: "STIX",
        scale: "90",
        styles: {
          ".MathJax": {
            //"color": "#A80026"

          }
        }
      },
      "SVG": {
        scale: 90,
        blacker: 0,
        styles: {
          ".MathJax_SVG svg > g, .MathJax_SVG_Display svg > g": {
            fill: "#A80026",
            stroke: "#A80026"
          }
        }
      }
    });
MathJax.Hub.Register.StartupHook("TeX Jax Ready",function () {
    MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
});
});