This example shows how to use the tex-svg component to process a complete HTML page containing TeX notation into math in SVG format.

The key lines are

  MathJax = {
    tex: {inlineMath: [['$', '$'], ['\\(', '\\)']]},
    svg: {fontCache: 'global'}
  <script id="MathJax-script" async src=""></script>

which configures the TeX input jax to include single dollar signs as in-line math delimiters and the SVG output jax to use a global font-path cache, and then loads the tex-svg component. The rest is handled by MathJax automatically.

Run the example