Quelle est la meilleure façon d'intégrer LaTeX dans une page web ?

Question

Je ne demande pas de convertir un document LaTeX en html.

J'aimerais pouvoir utiliser des commandes mathématiques LaTeX dans un document html et les faire apparaître correctement dans un navigateur. Cela pourrait être fait côté serveur ou côté client.

Answer 1

Je préfère MathJax par rapport aux solutions qui choisissent de rendre les images (ce qui entraîne des problèmes d'aliasing).

MathJax est un moteur de rendu Javascript à code source ouvert pour les mathématiques. Il utilise des CSS et des polices de caractères Web au lieu d'images ou de flash et peut rendre LaTeX ou MathML. Ainsi, vous n'avez pas de problème de zoom et il est même compatible avec les lecteurs d'écran.

Answer 2

MediaWiki peut faire ce que vous recherchez. Il utilise Texvc ( http://en.wikipedia.org/wiki/Texvc ) qui "valide les expressions mathématiques (AMS) LaTeX et les convertit en graphiques HTML, MathML ou PNG". Cela ressemble à ce que vous recherchez.

Consultez l'article de Wikipedia sur la façon dont ils traitent les équations mathématiques ici : http://en.wikipedia.org/wiki/Help:Formula . Ils disposent également d'une référence complète sur LaTeX et les avantages et inconvénients des différents types de rendu (PNG/MathML/HTML).

MediaWiki utilise un sous-ensemble du balisage TeX, incluant quelques extensions de LaTeX et AMS-LaTeX pour les formules mathématiques. formules mathématiques. Il génère soit des images PNG ou un simple balisage HTML, selon les préférences de l'utilisateur et la complexité de l'expression. Dans le l'avenir, à mesure que les navigateurs seront plus intelligents, il sera possible de générer du HTML amélioré ou même MathML dans de nombreux cas. (Voir blahtex pour des informations sur travail actuel sur l'ajout du support MathML ).

Plus précisément, MediaWiki filtre le balisage à travers Texvc, qui à son tour transmet les commandes à TeX pour la le rendu proprement dit. Ainsi, seule une partie limitée limitée de l'ensemble du langage TeX est supportée ; voir ci-dessous pour plus de détails. ...

Les avantages du HTML

• Les formules HTML en ligne s'alignent toujours correctement sur le reste du texte HTML du texte.
• L'arrière-plan, la taille et l'aspect de la police de la formule correspondent au reste du contenu du HTML et l'apparence respecte CSS et les paramètres du navigateur.
• Les pages utilisant le langage HTML se chargeront plus rapidement.

Les avantages de TeX

• TeX est sémantiquement supérieur à HTML. Dans TeX, "x" signifie "variable mathématique x", alors qu'en HTML, "x" peut signifier n'importe quoi. L'information a été irrévocablement perdue. Cela présente de multiples avantages :
  1. TeX peut être transformé en HTML, mais pas l'inverse. Cela signifie que du côté serveur, nous pouvons toujours transformer une formule, en fonction de sa complexité et son emplacement dans le texte, des préférences de l'utilisateur, du type de navigateur, etc. Par conséquent, lorsque cela est possible, tous les avantages du HTML peuvent peuvent être conservés, ainsi que les avantages de TeX. Il est vrai que la situation actuelle n'est pas idéale, mais mais ce n'est pas une bonne raison pour abandonner informations/contenus. C'est plutôt une raison d'aider à améliorer la situation.
  2. TeX peut être converti en MathML pour les navigateurs qui le supportent, gardant ainsi sa sémantique. conserver sa sémantique et lui permettre d'être rendu sous forme de vecteur.
• TeX a été spécialement conçu pour la composition de formules, de sorte que la saisie est plus facile et plus naturelle, et la sortie est plus agréable à l'œil.
• Lorsqu'ils écrivent en TeX, les rédacteurs n'ont pas à se préoccuper de la prise en charge par les navigateurs, car puisqu'il est rendu sous forme d'image par le serveur. Les formules HTML, en revanche d'autre part, peuvent finir par être rendues incompatibles avec les intentions de l'éditeur (ou pas du tout), par certains navigateurs ou anciennes versions d'un navigateur.

Answer 3

J'ai développé une fois un plugin jQuery qui fait en fait cela : jsLaTeX

Voici l'exemple le plus simple de son utilisation :

$(".latex").latex();

<div class="latex">  
    \int_{0}^{\pi}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx =\frac{22}{7}-\pi  
</div>

L'opération ci-dessus générera l'équation LaTeX suivante sur votre page :

El Page de démonstration du plugin contient plus d'exemples de code et de démos.

Answer 4

Si vous souhaitez intégrer les mathématiques sous forme d'images, vous pouvez consulter le site suivant MathTran .

Si vous préférez que les mathématiques soient insérées dans la page principalement sous forme de texte (en utilisant des images uniquement si nécessaire), jsMath peut être ce que vous recherchez.

Answer 5

Historiquement, le rendu de LaTeX et l'extraction d'une image ont été votre meilleur atout pour les mathématiques multiplateformes et multi-navigateurs. De plus en plus, MathML devient une alternative raisonnable. Voici un convertisseur en ligne qui émettra du MathML à partir de balises Tex, que vous pourrez ensuite intégrer dans votre page Web. Je sais que les navigateurs basés sur Gecko comme Firefox et Camino sont compatibles avec MathML, tout comme Opera. IE ne fonctionne pas d'emblée, mais il existe des modules externes (comme este ).

Texvc est une belle trouvaille ! La sortie HTML classique devrait bien fonctionner si vous êtes principalement intéressé par les exposants/souscripts/italiques/symboles communs, mais pour des choses plus complexes, soyez conscient que les sites mathématiques les plus populaires (par ex. Wolfram ) génèrent des images, il n'y a donc pas grand-chose à faire si vous êtes intéressé par la compatibilité entre navigateurs :-(