Mathjax.js

Nota: Si les formules n'apparaissent pas, raffraichissez la page.

1. Présentation

Adeptes des formules mathématiques et autres intégrales, c'est Mathjax est la librairie qu'il vous faut: Avec Mathjax , représenter une fraction, une somme ou une intégrale sur son site devient un vrai plaisir.

• Exemple d'intégrale: \(\int_0^{\infty}f(x)dx\)
• de fraction:\(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\)
• de somme \(\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)\)

ou encore

\begin{aligned} \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\ \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\ \nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\ \nabla \cdot \vec{\mathbf{B}} & = 0 \end{aligned}

Bref, comme vous le voyez, on doit pouvoir tout écrire avec Mathjax.

Cette librairie propose d'écrire les formules en MathML ou en LaTeX. C'est cette dernière version que je vous expose afin de rendre plus facile l'utilisation avec nos blogs. En effet MathML utilise des balises qui ne sont pas reconnues par l'éditeur (comme <math>, <mi>, <mo> etc.).

2. Installation

 Ici, pas de fichier à enregistrer sur votre blog. On fait directement appel au script sur le site de Mathmax.org
Il suffit de placer le code ci-dessous sur la page ou l'article sur lequel vous souhaitez faire apparaître des formules.

<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript">
</script>

3. Ecrire des formules

A savoir

Pour écrire une formule dans la ligne, on doit la commencer par \( et la finir par \) Pour écrire la formule seule centrée, on la placera entre $$ et $$

Par exemple $$\int_0^{\infty}f(x)dx$$ donnera $$\int_0^{\infty}f(x)dx$$

et \(\int_0^{\infty}f(x)dx\) donnera \(\int_0^{\infty}f(x)dx\)

Ci-dessous un exemple fonctionnel que vous pouvez placer dans le code html de votre article:

<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript">
</script>
<div>
 $$\displaystyle \sin(x) = \displaystyle\sum_{n=0}^\infty \frac{(-1)^n}{(2n+1)!}\ x^{2n+1} = x - \frac{x^3}{3!} + \frac{x^5}{5!}- \frac{x^7}{7!}\ ...$$
</div>

Cela vous donnera:

$$\displaystyle \sin(x) = \displaystyle\sum_{n=0}^\infty \frac{(-1)^n}{(2n+1)!}\ x^{2n+1} = x - \frac{x^3}{3!} + \frac{x^5}{5!}- \frac{x^7}{7!}\ ...$$

Retrouver une formule

Par ailleurs, lorsque vous faites un clic droit sur une formule MathJax, vous avez la possibilité de voir le code LaTeX correspondant en cliquant sur  Afficher sous forme puis Commandes Tex (Show Math as / Tex commands si c'est en anglais)

Editeur de formules

Alors, il est vrai que cela paraît compliqué au premier abord mais heureusement, il existe des éditeurs online pour vous aider dans la construction de vos formules comme Interactive LaTeX Editor.

4. Quelques exemples

Comme expliqué ci-avant, faites un clic droit pour connaître le code correspondant aux formules.