Math 3.0.1 / 3.1.0

XF 2.1 / 2.2 Math 3.0.1 / 3.1.0

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
Math 3.0.1 / 3.1.0

XF 2.1 / 2.2 Math 3.0.1 / 3.1.0

Catégorie Catégorie Add-Ons
Titre du sujet Titre du sujet Math 3.0.1 \/ 3.1.0
Auteur de la discussion Auteur de la discussion laurent68
Date de début Date de début
Réponses Réponses 1
Affichages Affichages 198
Réaction Réaction 0
Dernier message par Dernier message par laurent68

laurent68

Fondateur

Staff
fondateur
Réputation: 100%
Discussions
4 858
Messages
12 619
Solutions
85
J'aime
7 898
Points
198
lge.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.

All my addons are free...

But if you want to
  • Be informed of all news about developing new addons
  • Suggest and vote for new addons
  • Try beta versions
  • Receive 24-hour early access to new addons
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 :

vrl.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 :

kdz.png

hym.png


"Insert math" button :

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

bsa.png


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

When typing code you will immediately see the output :

qaj.gif


dzy.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 :

hyt.png


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

frl.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 :

lfe.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!

All my addons are free...

But if you want to
  • Be informed of all news about developing new addons
  • Suggest and vote for new addons
  • Try beta versions
  • Receive 24-hour early access to new addons
Télécharger V3.0.1 :

Version 3.1.0 change :

This update will reset the content of CMTV_Math_js and CMTV_Math_macros templates. Make sure to backup your math macros before installing it!

Math options
Added a new options page in "Options" called "Math options":

.png


On this page you can customize main "Math" addon options:
  • Math macros
  • Custom math delimiters
  • Igonre math in elements with classes
.png


Auto-convertation to BB codes
When writing posts, profile posts and all other messages that work in BB context, you can use math delimiters specified in "Math options".

For example, when writing a post in thread the following text :

Code:
Hello world! I have a real number $x$. How do I solve this? $$ y = kx + b $$

will be converted into :

Code:
Hello world! I have a real number [imath]x[/imath]. How do I solve this? [math]y = kx + b[/math]

Styling improvements
Scrollbars are automatically added to formulas that are too wide :

.png


Also, reduced the margins before and after block formulas.

Télécharger V3.1.0 :
 

Pièces jointes

  • sar.png
    sar.png
    68.1 KB · Affichages: 13
Retour
Haut Bas