Putting equations on Weebly

Any Maths teacher can relate to this frustration. I'm doing such cool and exciting things, but I am limited by my lack of ability to code LaTeX and I am limited by Weebly's lack of built in equation editor on their website. 

I've spent roughly a week researching how to get around this and I have FINALLY found a way. MathType.

I have been working on the 30 day free trial version but I will be buying the full product shortly. Anyone who knows me, knows that the product really has to be amazing for me to spend money on it, so this is a huge recommendation.

Anyway, MathType is an equation editor. It looks and feels very much like the equation editor you'll find in Microsoft Word. (And if I'm not mistaken, the equation editor in MS Word is actually based on MathType.)

One of the exciting things MathType will do is copy your normal looking equation as MathJax: LaTeX code. This means that I can paste an equation in a text box on my Weebly site and it will look like I want it to look:

Equations are automatically pasted as an equation that will appear on a line of it's own. The square brackets are what tells Weebly to do this.

The code:

The published page:

Inline equations use round brackets at the front and back. I have to change these manually after I had copied the code from MathType.

The code:

The result:

To get this to work, I had to follow a couple of steps. At first they did feel like Greek to me, but I have summarised them below:

1. Edit the HTML/CSS code in the Design Mode of your Weebly website.
2. Change the 'Cut and Copy Preferences' in the 'Preferences' menu of the MathType program.
3. Set up your equation in MathType, and then copy it into a text box in your Weebly website. Remember that it will display as code.
4. Press publish and view your website for the completed equation.

I hope this helps!

Much love.