JSFiddle - React, Tailwind, and code Playground

by Josh Pullen

HTML

<tex-svg>1 + 2</tex-svg>

<script>
MathJax = {
  loader: {
    load: ['input/tex-base', 'output/svg', 'ui/menu', '[tex]/require']
  },
  tex: {
    packages: ['base', 'require']
  }
};
</script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

JavaScript

/* document.querySelector("#MathJax-script").onload = function () {
  console.log(MathJax);
} */

window.MathJax = {
  startup: {
    ready: () => {
      console.log('MathJax is loaded, but not yet initialized');
      MathJax.startup.defaultReady();
      console.log('MathJax is initialized, and the initial typeset is queued');
      console.log(MathJax);
    }
  }
};