JSFiddle - React, Tailwind, and code Playground

by Jan Marthedal Rasmussen

HTML

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        skipStartupTypeset: true
        ,menuSettings: {CHTMLpreview: false}
    });
</script>
<script src="http://cdn.mathjax.org/mathjax/2.5-latest/MathJax.js?config=TeX-AMS_HTML"></script>

<h4>Grouping Typesets with MathJax</h4>

<script type="math/tex; mode=display">
    J_\alpha(x) = \sum\limits_{m=0}^\infty \frac{(-1)^m}{m! \, \Gamma(m + \alpha + 1)}{\bigl({\frac{x}{2}}\bigr)}^{2 m + \alpha}
</script>
<script type="math/tex; mode=display">
    J_\alpha(x) = \sum\limits_{m=0}^\infty \frac{(-1)^m}{m! \, \Gamma(m + \alpha + 1)}{\bigl({\frac{x}{2}}\bigr)}^{2 m + \alpha}
</script>
<script type="math/tex; mode=display">
    J_\alpha(x) = \sum\limits_{m=0}^\infty \frac{(-1)^m}{m! \, \Gamma(m + \alpha + 1)}{\bigl({\frac{x}{2}}\bigr)}^{2 m + \alpha}
</script>
<script type="math/tex; mode=display">
    J_\alpha(x) = \sum\limits_{m=0}^\infty \frac{(-1)^m}{m! \, \Gamma(m + \alpha + 1)}{\bigl({\frac{x}{2}}\bigr)}^{2 m + \alpha}
</script>
<script type="math/tex; mode=display">
    J_\alpha(x) = \sum\limits_{m=0}^\infty \frac{(-1)^m}{m! \, \Gamma(m + \alpha + 1)}{\bigl({\frac{x}{2}}\bigr)}^{2 m + \alpha}
</script>
<script type="math/tex; mode=display">
    J_\alpha(x) = \sum\limits_{m=0}^\infty \frac{(-1)^m}{m! \, \Gamma(m + \alpha + 1)}{\bigl({\frac{x}{2}}\bigr)}^{2 m + \alpha}
</script>
<script type="math/tex; mode=display">
    J_\alpha(x) = \sum\limits_{m=0}^\infty \frac{(-1)^m}{m! \, \Gamma(m + \alpha + 1)}{\bigl({\frac{x}{2}}\bigr)}^{2 m + \alpha}
</script>
<script type="math/tex; mode=display">
    J_\alpha(x) = \sum\limits_{m=0}^\infty \frac{(-1)^m}{m! \, \Gamma(m + \alpha + 1)}{\bigl({\frac{x}{2}}\bigr)}^{2 m + \alpha}
</script>
<script type="math/tex; mode=display">
    J_\alpha(x) = \sum\limits_{m=0}^\infty \frac{(-1)^m}{m! \, \Gamma(m + \alpha + 1)}{\bigl({\frac{x}{2}}\bigr)}^{2 m + \alpha}
</script>
<script type="math/tex; mode=display">
    J_\alpha(x) = \sum\limits_{m=0}^\infty...

JavaScript

var scripts = document.querySelectorAll('script');
//one_by_one();
//all_at_once();
auto_batch();

function one_by_one() {
    for (var k = 0; k < scripts.length; k++)
        MathJax.Hub.Queue(['Process', MathJax.Hub, scripts[k]]);
}
function all_at_once() {
    MathJax.Hub.Queue(['Process', MathJax.Hub, Array.prototype.slice.call(scripts)]);
}
function auto_batch() {
    var queue = [], typesetting = false;
    function done() {
        if (queue && queue.length) start();
        else typesetting = false;
    }
    function start() {
        var q = queue;
        queue = [];
        MathJax.Hub.Queue(['Process', MathJax.Hub, q, done]);
    }
    function typeset(script) {
        queue.push(script);
        if (!typesetting) {
            typesetting = true;
            start();
        }
    }
    for (var k = 0; k < scripts.length; k++)
        typeset(scripts[k]);
}