Welcome to our Community
Be apart of something great, join today!
Register Log in

XenForo Add-on [CMTV] Math 3.1.0

No permission to download
[CMTV] Math
Compatible XF Versions
  1. 2.0
  2. 2.1
  3. 2.2
Visible Branding
No
logo.png

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:

math-render-demonstration.png


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:

scale.png

styles.png


"Insert math" button

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

new-button.png

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

When typing code you will immediately see the output :

insert-math-dialog-1.gif

insert-math-dialog-2.gif


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:

full-block-math.png

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

full-block-math-line-breaks.png


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:

scroll-bars.gif


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!
  • logo.png
    logo.png
    14.8 KB · Views: 1
  • math-render-demonstration.png
    math-render-demonstration.png
    30.3 KB · Views: 1
  • scale.png
    scale.png
    14.4 KB · Views: 1
  • styles.png
    styles.png
    22.5 KB · Views: 1
  • new-button.png
    new-button.png
    24.1 KB · Views: 1
  • insert-math-dialog-1.gif
    insert-math-dialog-1.gif
    1.3 MB · Views: 1
  • insert-math-dialog-2.gif
    insert-math-dialog-2.gif
    753.5 KB · Views: 1
  • full-block-math.png
    full-block-math.png
    14.8 KB · Views: 1
  • full-block-math-line-breaks.png
    full-block-math-line-breaks.png
    14.1 KB · Views: 1
  • scroll-bars.gif
    scroll-bars.gif
    1.8 MB · Views: 1
  • mathaddon.test_admin.php_options_groups_Math_.png
    mathaddon.test_admin.php_options_groups_Math_.png
    68.1 KB · Views: 1
Author
zaldo
Downloads
1
Views
43
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from zaldo