Sports Biomechanics Lab > Blog > MathJax made my day!
Personal tools

MathJax made my day!

by Jason Moore — last modified May 11, 2011 01:40 PM

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.

Document Actions

Mathjax

Avatar 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

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

TinyMCE plugins

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

fullmarks.tinymceplugins.asciimath
fullmarks.tinymceplugins.asciisvg

(Just add them to your buildout)

Then you don't need all that horrible latex!
(Ok that might be a contriversial statement)

Add comment

You can add a comment by filling out the form below. Plain text formatting.

(Required)
Please enter your name.
(Required)
(Required)
(Required)
Enter the word