Stanford University
Stanford Sites User Guide

MathJax: Displaying math notation on your page

The JavaScript display engine MathJax allows you to display beautiful and accessible math in all browsers.  MathJax is available when you see the full text editing toolbar.

To put mathematics in a text area, you can use TeX and LaTeX notation, MathML notation, AsciiMath notation, or a combination of all three. For example, you can add the math to a Text Area like this:

Math formula: When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

and it will display on the page like this:

When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

Learn more about using TeX or LaTeX.

Important Note

Avoid placing math content in anything other than a Text Area. Math inserted as page titles, headings, form field labels or other elements with their own semantic meaning may have unpredictable results when it comes to accessibility and compatibility with assistive technology.

Adding MathJax in a table

Use the Math Jar Table Generator to create the code for your table. Once generated, paste the table into your document and add your content afterwards.

  1. Navigate to the Math Jar Table Generator tool, https://isaurssaurav.github.io/mathjax-table-generator/ .
  2. Set Up Your Table by inputting the numbers in each field ("Columns" and "Rows").
  3. Click the "Generate" button. The Math Jax code for the table will appear in the box below the preview image.

  4. Copy the Generated code and paste the code into the text area.

    Access the Math Jar Table Generator
  5. Add Content to the Table code.
  6. Click Save. 

For example:

\begin{array} {|r|r|} \hline Space & City & Relationships & Graph  & Status \\ \hline  (\mathbb{R}^{10} & 0.0735 & 0.0543 & 0.0917 & 0.0653 \\ \hline  (\mathbb{H}^{10} & 0.0932 & 0.0502 & 0.0388 & 0.0596 \\ \hline  \mathbb{S}^5)^2 & 0.0593 & 0.0579 & 0.0471 & 0.0658 \\ \hline  \mathbb{H}^5 \times \mathbb{S}^5 & 0.0622 & 0.0509 & 0.0323 & 0.04 \\ \hline  \end{array}

\begin{array} {|r|r|}\hline Space & City & Relationships & Graph  & Status \\ \hline (\mathbb{R}^{10} & 0.0735 & 0.0543 & 0.0917 & 0.0653 \\ \hline (\mathbb{H}^{10} & 0.0932 & 0.0502 & 0.0388 & 0.0596 \\ \hline \mathbb{S}^5)^2 & 0.0593 & 0.0579 & 0.0471 & 0.0658 \\ \hline \mathbb{H}^5 \times \mathbb{S}^5 & 0.0622 & 0.0509 & 0.0323 & 0.04 \\ \hline \end{array}

Related Topics