Back to all Elements

Math formulas in CMS

Writing inline (LaTeX) math formulas anywhere on a static or dynamic page using MathJax.

The script allows math formulas to be written anywhere within the HTML code. To start the inline math you use either a dollar sign $ or you can use a slash and an open parentheses "/(". To end the inline math, you have another dollar sign or a back slash and a closing parentheses. Enclosing in double dollar signs put the math on a seperate line.

So, let's get to it-

First we add the MathJax JS library and the Polyfill.js dependency in our page

<script src=""></script>

<script type="text/javascript" id="MathJax-script" async  src=""></script>


Now we add the MathJax function to initiate the script and define what is a math formula:


MathJax = {

 tex: {

   inlineMath: [['$', '$'], ['\\(', '\\)']]





If you need to use a dollar sign in the text, you can use a backslash before the dollar sign. "\$"

Dollar sign before and after:




Double Dollar Signs:


Hard Bracket:


In a sentence:
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}.$$


The videos Kurzgesagt channel creates are so beautifully animated, that I almost forget that I learn so much while watching them!

Might also interest you:

ToDo List


A todo list, created with JavaScript collected through the internet... ;)

Read more

Simple Mega Nav (Similar to Mailchimp's)


A very simple mega navigation bar, opens on hover and changes background color on scroll.

Read more

Auto change tabs


A script to automatically switch between tabs in a loop.

Read more