Live Mathjax preview on Ghost 0.5.10

README.md

Mathjax live preview on Ghost 0.5.10

Source: http://feynmanliang.com/mathjax-integration/

Append the contents of file attached in the gist to core/server/views/default.hbs (before the </body> tag)

preview.hbs

{{! Load and configure mathjax }}
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    showProcessingMessages: false,
    messageStyle: 'none',
    tex2jax: {
      inlineMath: [['$','$']],
      displayMath: [['$$','$$']],
      processEnvironments: false
    },
    'HTML-CSS': { imageFont: null }
  });
</script>

{{! Re-render MathJax in live preview}}
<script>
  (function () {
    var timeout;
    function mathjaxify() {
      var entry = document.getElementsByClassName('entry-markdown')[0];
      if (entry) {
        var preview = document.getElementsByClassName('rendered-markdown')[0];
        if (typeof(typeset) == "undefined" || typeset == true) {
          MathJax.Hub.Queue(["Typeset", MathJax.Hub, preview]);  // renders mathjax if 'typeset' is true (or undefined)
          typesetStubbornMath();
        }

        // Render the bits of math that have inexplicably still failed to render, while
        // leaving the rest alone. (If you try to typeset the whole page, it will break
        // other things)
        function typesetStubbornMath() {
          $(".MathJax_Preview").each(function () {
            if ($(this).text() != "") {
              MathJax.Hub.Queue(["Typeset", MathJax.Hub, $(this).attr("id")]);
            }
          });
        }
      }
    }

    jQuery(document).keypress(function () {
      clearTimeout(timeout);
      timeout = setTimeout(mathjaxify, 500);
    });
  })();
</script>