Mathjax

The <devsite-mathjax> custom element lets you display mathematical notation in DevSite content.

General usage

Add a <devsite-mathjax> custom element with a config attribute at the top of the file. The <devsite-mathjax> element is self-contained and only needs to be included once on a page.

This is an example of Einstein's field equations of general relativity with a <devsite-mathjax> element and config attribute set to TeX-AMS-MML_SVG.

$$ R_{\mu\nu}-\frac{1}{2}Rg_{\mu\nu}+\Lambda{g_{\mu\nu}} = \frac{8\pi{G}}{c^4}{T_{\mu\nu}} $$

Delimiters

The mathematical notation is surrounded by delimiters and can be displayed standalone or inline.

Standalone

The following Pythagorean theorem is surrounded by $$ delimiters and wrapped in a <div> element. It is displayed on its own line.

$$ a^2 + b^2 = c^2 $$

The following Pythagorean theorem is surrounded by \\[ and \\] delimiters and isn't wrapped in a <div> element. It is displayed on its own line.

\[ a^2 + b^2 = c^2 \]

The following Pythagorean theorem is surrounded by \[ and \] delimiters and is wrapped in a <div> element. It is displayed on its own line.

\[ a^2 + b^2 = c^2 \]

Inline

This inline equation of the area of a circle $ A = \pi{r^2} $ is displayed in this Markdown paragraph by using $ delimiters.

This inline equation of a summation expression $ \sum_{i=1}^n X_i $ is displayed in this Markdown paragraph by using \$ and \$ delimiters.

This inline equation of a straight line $y=mx+b$ is displayed in this HTML paragraph by using $ and $ delimiters.