JSFiddle - React, Tailwind, and code Playground

by Eminence

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<body>
  LaTeX:
  <br> This is some inline math: \(ax^2 + bx + c\).
  <br> This is some diplayed math: $$\varphi = \sum_{k=1}^{n}{k} = \frac{n(n+1)}{2}$$ 
  AsciiMath:
  <br> This is some inline math: `ax^2 + bx + c`
  <br> This is some displayed math:
  <p style="text-align:center">
    `varphi = sum_(k=1)^n k = (n(n+1))/2`
  </p>
  MathML:
  <br> This is some inline math:
  <math>
    <mi>a</mi>
    <msup>
      <mi>x</mi>
      <mn>2</mn>
    </msup>
    <mo>+</mo>
    <mi>b</mi>
    <mi>x</mi>
    <mo>+</mo>
    <mi>c</mi>
  </math>
  <br> This is some displayed math:
  <math display="block">
    <mi>&phi;</mi>
    <mo>=</mo>
    <munderover>
      <mi>&sum;</mi>
      <mrow>
        <mi>k</mi>
        <mo>=</mo>
        <mn>1</mn>
      </mrow>
      <mi>n</mi>
    </munderover>
    <mi>k</mi>
    <mo>=</mo>
    <mfrac>
      <mrow>
        <mi>n</mi>
        <mo>&#8290;</mo>
        <mfenced>
          <mrow>
            <mi>n</mi>
            <mo>+</mo>
            <mn>1</mn>
          </mrow>
        </mfenced>
      </mrow>
      <mn>2</mn>
    </mfrac>
  </math>
</body>