MathJax : Write math on the browser and share your solutions.

June 8, 2016 · 2 mins read
Categories: html   | mathjax |

First I would like to link to the presentation which you can check. This presentation will let you know more about the MathJax.

MathJax is a tool which is used to lay out the maths on the browser in a better way. Tex and Latex has been used since a while now to write big mathematical formulas in the form of a pdf. MathJax make use of these two ways to write maths on the browser.

MathJax is a JavaScript library which can be used in collaboration with Tex, Latex, MathML and AsciiMath. These three are used to write mathematical formulas at various points.

Prior from MathJax images were used to put a mathematical formula on the browser which was quite a big deal to lay them out properly on the browser. Also, these images were headache for the visually impaired people as screen reader were not able to guess what was written on the image. To solve all these problems MathJax was introduced.

There are two ways to implement Mathjax.

  1. Through CDN (content delivery network)
  2. By downloading the files
Now let us discuss the CDN implementation. This implementation is discussed properly in the documentation on the MathJax official website. Here is the link for it.

In the head section of your website write these lines of code.

        <script type="text/x-mathjax-config">
		MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
	<script type="text/javascript" async src="">
Now you can use Tex, Latex, MathML or Asciimath code anywhere on the page and that will be implemented as a mathematical formula.

If you wish see an example here is the link.

MathJax Program

Another way of doing it is by cloning the GitHub repository. Clone the GitHub repository and you will find a folder named test. In there you will find a file named example.html. Run this file and run various examples. Create any files in this folder and add script files as in the examples add any Tex, Latex or MathML content to show them on the browser.

Please share your Feedback:

Did you enjoy reading or think it can be improved? Don’t forget to leave your thoughts in the comments section below! If you liked this article, please share it with your friends, and read a few more!

We don't share your details with others