Dans mon billet précédent, j’ai voulu insérer des formules mathématiques. J’ai donc cherché une extension de Dotclear, le système que j’utilise pour ce blog, permettant d’ajouter du code \(\LaTeX\) par exemple. En vain. Il existe bien une extension appelée Latexrender, mais plutôt obsolète et nécessitant d’installer \(\LaTeX\) sur son serveur, chose que je ne peux pas faire étant donné que ce site est hébergé sur un serveur mutualisé auquel je n’ai pas accès.
Que faire alors ? Migrer sur un autre système ? Bof, pas le courage, ni l’envie. J’ai donc utilisé un site qui transforme du code \(\LaTeX\) en image : Codecogs. Ce n’est pas très pratique, mais ça a le mérite d’exister et de dépanner.
LA solution ?
Je suis donc resté sur ma faim, quand tout à coup je me suis souvenu qu’il existe d’autres façons d’insérer des mathématiques dans un document html. En cherchant un peu, je suis tombé sur quelque chose qui a l’air de le faire très joliment : MathJax. C’est un script javascript opensource (Licence Apache) que l’on peut simplement intégrer dans son site. Ensuite, on tape du \(\LaTeX\) c’est c’est magique !
Concrètement, il suffit d’ajouter ce code dans le <head> de sa page (ici dans le thème du blog) et c’est tout. Le script est importé depuis le serveur de MathJax.
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
Mais il est évidemment aussi possible de l’utiliser en local, en installant tout ce qu’il faut chez soi. Ce n’est pas la solution que j’ai retenue.
Utilisation
Allez, j’avoue, pour l’instant je ne l’ai pas utilisé pour de vrai, juste des essais. Mais ça m’a l’air bien. Comme dans du latex]\LaTeX[/latex], on utilise le symbole \( ou $$ pour insérer des formules en ligne, respectivement isolées et centrées (pour utiliser le symbole $ au lieu de \( il faut ajouter deux lignes dans l’appel du script JS, et ensuite faire attention à ne pas utiliser de $ pour autre chose que pour ajouter des formules…).
Ainsi, taper ce texte directement dans un billet :
Le théorème de Pythagore nous apprend que \(a^2+b^2=c^2\). C'est fantastique !
donnera ceci :
Le théorème de Pythagore nous apprend que \(a^2+b^2=c^2\). C’est fantastique !
Et taper ce texte-là :
La puissance d'un quotient est égale au quotient des puissances :
$$\left(\frac{a}{b}\left)^n=\frac{a^n}{b^n}$$
et il en va de même pour la racine.
donne cela :
La puissance d’un quotient est égale au quotient des puissances : $$\left(\frac{a}{b}\right)^n=\frac{a^n}{b^n}$$ et il en va de même pour la racine.
Évidemment, il faut connaître le langage \(\LaTeX\), sinon…
Remarque finale
Il m’a fallu environ 2 minutes pour installer le script : connexion au serveur FTP, trouver le fichier du thème contenant le <head>, copier-coller le code trouvé sur le site officiel, enregistrer, tester. Presque mieux que l’installation d’une extension ad hoc !
Évidemment, je n’ai rien paramétré. Peut-être que je me plongerai dans les options de MathJax, si le besoin se fait sentir…
En espérant que ça soit utile à d’autres heureux amateurs de jolies formules !
