##### Sections
> Blog > 2011 > May > 11 > MathJax made my day!
##### Personal tools

Filed Under:

MathJax is the web equation solution that I've been dreaming of and it works great with Plone.

I've been looking for over a year off and on for a decent equation editor to implement in Plone such that we could type $$\LaTeX{}$$ equations and have had no luck finding a good solution. But today I found it! I saw a tweet about a gmail latex editor, checked it out and it led me to MathJax. MathJax is a fabulous implementation for equations in modern web browsers. I knew that there was something out there like this that allowed you to type equations in Latex and display them as MathML. MathJax does this and is is unbelievably simple to use and install on any webpage. All you have to do is add a single line to point to some javascript on the MathJax server and you will be rendering LaTeX equations in no time! It is an open source project and can be found on github if you'd like to contribute.

Installed it in Plone by simply going to Site Setup -> Site and adding the source line from the MathJax website to the "JavaScript for web statistics support" section. Now I can type a math equation in any page on the website. What beautiful functionality for a bunch of engineers!

## Check out these examples

This:

$$f(t) = A + e^{-\zeta\omega t}\left[B\sin{\sqrt{1-\zeta^2}\omega t} + C\cos{\sqrt{1-\zeta^2}\omega t}\right]$$

becomes this:

$$f(t) = A + e^{-\zeta\omega t}\left[B\sin{\sqrt{1-\zeta^2}\omega t} + C\cos{\sqrt{1-\zeta^2}\omega t}\right]$$

This:

$$\left[ \begin{array}{c} J_{1}\\ J_{2}\\ J_{3} \end{array} \right] = \left[ \begin{array}{ccc} c_{\beta 1}^2 & -2s_{\beta 1}c_{\beta 1} & s_{\beta 1}^2\\ c_{\beta 2}^2 & -2s_{\beta 2}c_{\beta 2} & s_{\beta 2}^2\\ c_{\beta 3}^2 & -2s_{\beta 3}c_{\beta 3} & s_{\beta 3}^2 \end{array} \right] \left[ \begin{array}{c} I_{xx}\\ I_{xz}\\ I_{zz} \end{array} \right]$$

becomes this:

$$\left[ \begin{array}{c} J_{1}\\ J_{2}\\ J_{3} \end{array} \right] = \left[ \begin{array}{ccc} c_{\beta 1}^2 & -2s_{\beta 1}c_{\beta 1} & s_{\beta 1}^2\\ c_{\beta 2}^2 & -2s_{\beta 2}c_{\beta 2} & s_{\beta 2}^2\\ c_{\beta 3}^2 & -2s_{\beta 3}c_{\beta 3} & s_{\beta 3}^2 \end{array} \right] \left[ \begin{array}{c} I_{xx}\\ I_{xz}\\ I_{zz} \end{array} \right]$$

Inline equations like this, $$J_i=\frac{k\overline{T}_i^2}{4\pi^2}$$, are also possible.

Source:

Inline equations like this, $$J_i=\frac{k\overline{T}_i^2}{4\pi^2}$$, are also possible.

Finding this really made my day and will allow us to communicate so much easier through the web. I'm super excited about starting to use it.

### Mathjax

Posted by Khushbu at Jan 16, 2012 12:29 PM
Can you tell me how to store mathematical equations in a database and then fetch and display them using mathml?

### mathjax on filoma

Posted by fizyka at Mar 05, 2012 11:42 PM
I use mathjax in physics equations on http://filoma.org

### TinyMCE plugins

Posted by Daniel at Jan 09, 2014 10:12 AM
You can go one step further with:

fullmarks.tinymceplugins.asciimath
fullmarks.tinymceplugins.asciisvg