JSFiddle - React, Tailwind, and code Playground

by migerh

HTML

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div>
Test MathJax dfrac
$$
  \dfrac 4 6
$$
</div>

<div style="font-size: 30px">
Test MathJax dfrac size 30

$$
  \dfrac 4 6
$$
</div>
<div id="box" class="jxgbox"></div>

CSS

.jxgbox {
    width: 400px;
    height: 400px;
}

JavaScript

var board = JXG.JSXGraph.initBoard('box');
board.options.text.useMathJax = true;
var t1 = board.create('text', [0, 2, '$$\\\\dfrac 4 6 $$']);
var t2 = board.create('text', [2, 2, '$$\\\\dfrac 4 6 $$'], {fontSize: 30});