JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<meta name="description" content="[latex]" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
  <script type="text/x-mathjax-config;">
  MathJax.Hub.Config({
    extensions: ["tex2jax.js"],
    jax: ["input/TeX", "output/HTML-CSS"],
    tex2jax: {
      inlineMath: [ ['$','$'], ["\\(","\\)"] ],
      displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
      processEscapes: true
    },
    asciimath2jax: {
      delimiters: [['`','`'],['qq','qq']]
    },
    "HTML-CSS": { availableFonts: ["TeX"] }
  });
</script>
  <script type="text/javascript"
   src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_HTMLorMML">
</script>
  <script>
    
    function BBC2HTML(S) {
    if (S.indexOf('[') < 0) return S;

    function X(p, f) {
        return new RegExp(p, f)
    }

    function D(s) {
        return rD.exec(s)
    }

    function R(s) {
        return s.replace(rB, P)
    }

    function A(s, p) {
        for (var i in p) s = s.replace(X(i, 'g'), p[i]);
        return s;
    }

    function P($0, $1, $2, $3) {
        if ($3 && $3.indexOf('[') > -1) $3 = R($3);
        switch ($1) {
            case 'url':
            case 'anchor':
            case 'email':
                return '<a ' + L[$1] + ($2 || $3) + '">' + $3 + '</a>';
            case 'img':
                var d = D($2);
                return '<img src="' + $3 + '"' + (d ? ' width="' + d[1] + '" height="' + d[2] + '"' : '') + ' alt="' + (d ? '' : $2) + '" />';
            case 'flash':
            case 'youtube':
                var d = D($2) || [0, 425, 366];
                return '<object type="application/x-shockwave-flash" data="' + Y[$1] + $3 + '" width="' + d[1] + '" height="' + d[2] + '"><param name="movie" value="' + Y[$1] + $3 + '" /></object>';
            case 'float':
                return '<span style="float: ' + $2 + '">' + $3 + '</span>';
            case 'left':
  ...

CSS

body {
    font-family: MuseoSans, Georgia, "Times New Roman", Times, serif;
    
    color: #222;
}