Mathematikgleichungen im Web

StackOverflow https://stackoverflow.com/questions/775168

Frage

Wie kann ich mathematische Gleichungen im Web bringen? Ich bin bereits mit dem Mathematikmodus von Latex vertraut.

War es hilfreich?

Lösung

Es stellt sich heraus, dass dies ein bisschen schmerzhaft ist.

Sie können verwenden Mathml, aber Browserunterstützung ist immer noch zweifelhaft. Wenn Sie mit Latex beginnen, haben Sie einige Optionen für die Konvertierung in HTML.

Nicht so hübsch (es sei denn, Sie greifen auf PDF oder so). Was am besten ist, hängt ein wenig davon ab, welche Art von Inhalt, wie viele Gleichungen und wie kompliziert die Gleichungen sind.

Hier ist eine anständige Zusammenfassung.

Andere Tipps

Die anderen Antworten sind veraltet. Wie 2012, Schöne Mathematik ist einfach zu schreiben und zu rendern. Die Technologie heißt Mathjax. Sie können es in ruhiger Aktion sehen Mathoverflow und Hunderte von Mathematikblogs.

Mathjax ist eine Open -Source -JavaScript -Display -Engine für Mathematik, die in allen modernen Browsern funktioniert. Kein Setup mehr für Leser. Keine Browser -Plugins mehr. Keine Schriftartinstallationen mehr ... es funktioniert einfach.

Mathjax ist zuverlässig und unauffällig, daher müssen Sie nur die Mathematik schreiben. Sie tun dies in Tex (Latex), einer prägnanten Syntax, mit der die meisten Wissenschaftler und Mathematiker vertraut sind (und jahrzehntelange gute Tutorials geteilt haben). Für Mathjax schreiben Sie einfach Tex Code in Ihrer HTML zwischen Doppel-Dollar-Zeichen, z.

Wenn $$ a ne 0 $$, gibt es zwei Lösungen für $$ ax^2 + bx + c = 0 $$ und sie sind $$ x = {-b pm sqrt {b^2-4ac} über 2a}. $$

Um Mathjax zu verwenden, um Ihre Mathematik zu rendern, legen Sie eine JavaScript -Linie in Ihren HTML -Header:

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js"></script>

Wenn Sie auf einer Plattform wie WordPress, Tumblr oder Blogger veröffentlichen, gibt es Plug-Ins in ihren Galerien, dies zu tun (WordPress).

Wie macht Mathjax Mathe? Mit JavaScript macht es Ihre Mathematik für schöne HTML und CSS (bemerkenswert ähnlich Latex) in einem Bruchteil einer Sekunde. Wenn ein Browser MathML unterstützt, kann er auch das durchführen, aber das ist nicht wichtig. Es ist ein beliebter Erfolg, da der Endbenutzer-Workflow einfach ist, nicht aufgrund der Technologie dahinter.

Sie können Mathjax (über PNG -Bilder) auf Wikipedia verwenden, wenn Sie ein Konto haben. Suchen Special:Preferences / Aussehen.

Mathml ist lächerlich. Es ist weder menschlich lesbar noch menschlichem Writier (die quadratische Gleichung erfordert 800 Zeichen - Es ist 50 in Tex). Es ist nur Eine andere sinnlose XML -Sprache . Zum Glück ist es veraltet, bevor die meisten Browser es unterstützen. Es ist nicht einmal sehen So gut wie Tex oder Mathjaxs HTML-CSS!

Meine zwei Lieblingsansätze:

Das jsmath Paket ist eine weitere Option, die Latex -Markup und native Schriftarten verwendet. Zitat von ihrer Webseite http://www.math.union.edu/~dpvc/jsmath/:

Das JSMATH -Paket bietet eine Methode, um Mathematik in HTML -Seiten aufzunehmen, die auf mehreren Browsern unter Windows, Macintosh OS X, Linux und anderen Aromen von UNIX funktionieren. Es überwindet eine Reihe der Mängel der traditionellen Methode zur Verwendung von Bildern zur Darstellung der Mathematik: JSMath verwendet native Schriftarten, sodass sie die Größe ändern, wenn Sie die Größe des Textes in Ihrem Browser ändern, sie drucken Sie die vollständige Auflösung Ihres Druckers und Sie Sie müssen nicht darauf warten, dass Dutzende von Bildern heruntergeladen werden, um die Mathematik auf einer Webseite zu sehen. Es gibt auch Vorteile für Webseitenautoren, da es nicht erforderlich ist, Ihre Webseiten für die Generierung von Bildern vorzubereiten, und die Mathematik in Tex-Form eingegeben wird. Daher ist es einfach, Ihre Webseiten zu erstellen und zu warten.

Siehe zum Beispiel diese Seite oder Das hier.

Sie können in HTML mehr Mathematik machen, als die meisten Menschen erkennen. Siehe diese Anmerkungen.

Der einzige sichere Weg, Latex zu rendern, besteht darin, die Ausgabe als Bild zu speichern. Einige Websites versuchen, Tools zu verwenden, um dies im laufenden Fliegen zu tun, und sie arbeiten nie zuverlässig. In einigen Blogs funktioniert dies beispielsweise, wenn Sie die Webseite direkt besuchen, jedoch nicht, wenn Sie Feedburner/Google Reader durchlaufen.

Ich habe schreckliche Erfahrungen mit Mathml Browser Support gemacht, sowohl in Firefox als auch in IE. Versuche es nicht einmal. Noch nicht. Vielleicht in ein paar Jahren.

Hier ist die Seite? ˅ Ich kompile Latex zu GIFs.

Wenn Sie bereit sind, PDF anstelle von HTML zu verwenden, werden die Dinge viel einfacher. Erstellen Sie einfach Ihr Latex -Dokument und verwenden Sie pdflatex Um es zu PDF zu kompilieren. Wenn Sie die PDF -Route besuchen, können Sie sich an interessieren So einbeziehen Sie PDF -Eigenschaften ein wie Autor, Schlüsselwörter usw. in Ihrer Latex -Datei. Ebenfalls, diese Seite Erklärt, wie Sie den Latex markieren, um Links in Ihrem PDF zu machen.

Katex

Ein paar Entwickler aus dem Khan Akademie veröffentlicht a Schnell lodern Bibliothek basierend auf Tex rief an Katex:

  • Schnell
  • Hohe Qualität
  • In sich geschlossen; und,
  • Kann auf dem Server gerendert werden

Sieht aus wie eine großartige moderne Option.

Katex sample

Texvc kann Latex -Mathematikgleichungen in PNG oder HTML konvertieren.

Latex und Mathml sind die einzigen "richtigen" Möglichkeiten, dies zu tun. Jedes hat jedoch schwere Einschränkungen. Die anderen Optionen sind Bilder (nicht wirklich optimal, wenn Sie die Gleichungen später bearbeiten müssen) oder komplexe HTML (erfordert ein Training, kann aber ausgeführt werden).

Ich mache in meinem Wiki Latexformeln "auf Demand". Grundsätzlich extrahiere ich den Latex -Code aus jedem Wiki -Abschnitt und stecke ihn in eine .tex -Datei (dessen Dateiname ein MD5Sum des Latex ist. Wenn also derselbe Code erneut verwendet wird, wird dieselbe Tex und daher das gleiche Bild verwendet. . Die Tex -Datei wird dann jede Minute von einer Cron -Aufgabe kompiliert, um zuerst a .ps und dann mit dem Konvertierprogramm a .png (erneut mit dem ursprünglichen MD5 benannt) zu produzieren. Der Wiki -Eintrag ersetzt den Latex -Text durch ein IMG -Tag, das sich auf diesen PNG bezieht (mit dem ursprünglichen Latexcode als Alt für Textleser).

Wenn Sie diesen Weg gehen möchten, seien Sie sehr Achten Sie darauf, Ihren Latex so viel wie möglich zu desinfizieren. Es gibt Befehle in Latex, wie Eingabe, die Sie definitiv nicht durchlassen möchten, da jeder, der sie verwenden kann, jede lesbare Datei in Ihre Serverdiskette aufnehmen und in die resultierende Latexausgabe aufgenommen werden kann.

Um dieses Problem zu lösen, hat Mediawiki (von Wikipedia Fame) ein spezielles Plugin, das den Latex -Eingang bereinigt, aber ich wollte es aus zwei Gründen nicht verwenden: Zuerst habe ich Mediawiki nicht verwendet, zweitens ist es in OCAML geschrieben und ich habe es nicht getan. Ich möchte mich nicht mit einer Sprache anlegen, die ich nicht kenne.

Ich habe in der Vergangenheit Asciimathml dafür verwendet. Es handelt sich im Wesentlichen um eine JavaScript -Bibliothek und kann ein Plugin in IE verwenden, um die Leistung zu optimieren, funktioniert aber auch ohne sie in IE & Firefox/Mozilla (obwohl etwas langsamer). Die Syntax unterstützt eine Untergruppe von Latex, aber die Unterschiede verursachen zu Verwirrung, so dass sie Ihre Benutzer verwirren kann, je nachdem, woher sie kommen.

Hier sind einige Links, damit Sie es selbst überprüfen können:

Nicht perfekt und funktioniert nicht in allen Browsern (Safari usw.), aber es funktioniert heute zumindest, wenn auch in einer etwas selektiven Teilmenge des Webs.

Ich habe ein Open -Source -JavaScript -Modul geschrieben, um dies zu tun, namens JQMath. Sehen http://mathscribe.com/author/jqmath.html. Sie tippen Gleichungen in einer vereinfachten texenähnlichen Syntax ein, und JQMath konvertiert sie je nach Browser in MathML oder einfaches HTML und CSS. Dies ist effizienter und zugänglicher als die Verwendung von Bildern.

Übrigens sind einige der Zusammenfassungen und Notizen, die in den anderen Antworten hier genannt werden, jetzt ziemlich veraltet. Außerdem unterstützt Firefox Mathml Now und Webkit (Chrome und Safari) haben es in ihren nächtlichen Builds, obwohl sie es noch nicht veröffentlicht haben. Internet Explorer rendert Mathml, wenn Sie das MathPlayer -Plugin haben. Opera fällt Mathml mit einem Stylesheet vor. MathML ist Teil des HTML 5 -Standards, daher werden alle diese Browser ihn vermutlich eher früher als später nativ unterstützen. Es ist wahr, dass Jqmaths Ausgabe bis dahin nicht so gut aussieht wie das von Tex, aber es ist sicherlich lesbar und ist definitiv eine bessere Lösung für Webseiten für die Zukunft.

Wenn Sie Bilder verwenden, kann ein Leser für einen blinden Benutzer die Gleichung lesen? Einige wollen vielleicht.

Es gibt eine kleine Mac -App namens Latexit Das macht es sehr einfach, Latexgleichungen in PDF, PNGs usw. umzuwandeln.

(Ich verwende es, um Gleichungen für meine Folien in Keynote oder PowerPoint zu erstellen. Es ist sehr schön, mit Drag 'n Drop -Unterstützung, sodass Sie die Gleichungen überall hinziehen können, um sie einzulegen.)

Ich habe den Eindruck, dass Mediawiki Ihnen ermöglicht, Latex -Markup (oder ähnliches) einzugeben und dynamisch zu entscheiden, wie Sie es am besten anzeigen können. Derzeit denke ich, dass HTML nach Möglichkeit für kleine Ausdrücke und Bilder für kompliziertere Ausdrücke verwendet werden, die sonst nicht dargestellt werden können. Ich vermute, dass es eines Tages die Vorteile der anderen Methoden nutzen kann, dh Mathml, wenn Browser sie unterstützen. Ich denke, Sie könnten feststellen, dass wenn Sie Mediawiki verwenden, als ob es Ihre Website-Engine wäre, mit dem, was in Zukunft kommt, vorwärts kompatibel ist.

Sie können das Gleichungsbild im Fliege über einen Latex-Server generieren.

http://www.forkosh.com/mimetex.html

Wenn Sie WordPress verwenden, können Sie Latex für WordPress verwenden (http://wordpress.org/extend/plugins/latex/) Plugin.

Derzeit ist das MathML -Rendering des Kunden der Kunden nicht bereit für eine breite Akzeptanz. Die Mittel, die Sie wirklich als Bild rendern müssen. Wie Sie dies tun, hängt von Ihrer Umgebung ab.

Haben Sie einen Root -Zugriff auf Ihren eigenen Server? Fühlen Sie sich wohl, um Software darauf zu installieren? In diesem Fall können Sie Ihre eigenen Bilder machen. Wenn Ihre laufende Blogging -Software oder ein Wiki im Allgemeinen ein Plugin finden, das die Funktionen Ihrer Plattformen nutzt. Dies ist normalerweise das Ideenszenario, wenn Sie vorhaben, viele Mathematikausdrücke zu schreiben.

Wenn Sie Ihre eigenen Bilder hosten, können Sie sie entweder vorbereiten oder eine Erweiterung wie mimetex.cgi verwenden. Wenn Sie zulassen, dass beliebige MathML -Ausdrücke gerendert werden, führen Sie das Risiko anderer Websites ein, dass Sie mit Ihrem Image -Renderer verknüpfen. Wenn Sie einen Filter auf Ihren Webserver einfügen, um die Hotverknüpfung zu verhindern, werden die Personen, die Ihre Website über einen Feed -Leser anzeigen, ebenfalls blockiert.

Wenn Sie Ihre eigenen Bilder nicht rendern oder nur ein paar Ausdrücke haben, die Sie rendern möchten, können Sie normalerweise einen anderen Dienst generieren, und Sie verknüpfen das Bild auf Ihrer Website. Der Nachteil ist natürlich Ihr Abhängigkeit von einer anderen Seite, die nichts dafür erhält, dass Sie Bilder für Sie bedienen.

Beispiele für andere Dienste (wie in anderen Kommentaren erwähnt) gehören: * http://www.artofproblemSolving.com/latex/aops_l_texer.php : ALT Text http://alt2.artofproblemsolving.com/forum/latexrender/pictures/a/f/c/afc183343d84d030898f589bac12a8d9cf0458a.gif * http://www.forkosh.com/mimetex.html : mimetex.cgi http://www.forkosh.dreamhost.com/mimetex.cgi?c=%5csqrt%7ba%5E2+B%5E2%7D

Der Vorteil der Verwendung von Mimetex besteht darin, die Formel leicht zu ändern und neu zu rendern.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top