XenForo Add-on [CMTV] Math 3.1.0

Description

This addon will turn all LaTeX math on your forum to a fancy, sharp and scalable math!
It also adds the "Insert math" button to an editor that greately simplifies the process of adding math to your messages, threads, pages and so on. It also works with xenForo AJAX (loading content on the fly without page reloading) system!

This is an open source addon. You can visit GitHub repository for source code.

Features

LaTeX ⟶ Fancy math

Users can write math formulas and equations with LaTeX notation wich then will be turned to a fancy math by powerful MathJax engine. Here is how it works:



Two types of math are supported: inline and block math. Inline math is smaller and commonly used inside the text. In the image above the cosmological constant (green) is an example of inline math.

Block is bigger and is used for standalone big equations and formulas. In the image above the Einstein field equation (blue) is an example of block math.

All math is rendered as text and automatically inherits all its properties: color, line height, font size and so on. As a result you get scalable math that perfectly fits any style and color scheme:




"Insert math" button

With this addon you will notice a new button in text editor toolbar:


This button greately simplifies the process of adding math to threads and posts.

When typing code you will immediately see the output :




Responsive math

When loading page math is rendering with automatic line breaks applied in order to fit its container. How is it working?

Here is a block math that is shorter than its container:


Look what happens when loading the same message in narrow mode:



Moreover, if you dynamically change the width of browser window and container becomes too narrow to render math in full width it automatically adds scroll bars to prevent layout breaking:



Installation

1. Download the addon
2. Upload contents of upload folder to your forum root
3. In admin control panel go to "Addons" section and install Math

That's it!