Symptom

Im Browser wird ein vertikaler Rand (vgl. Abbildung) auf der rechten Seite von LaTeX-Formeln gezeigt, die mit MathJax auf der Seite gerendert werden. Dieser ist nach einer genauen Überprüfung eindeutig nicht Teil eines HTML-Elements und auch nicht im CSS von meiner Seite definiert. Der vertikale Rand erscheint unabhängig von den verwendeten Formeln. Eine Änderung am Server habe ich nicht vorgenommen und weiterhin tritt es ausschließlich im Chrome-Browser, aber nicht im Internet Explorer oder Mozilla Firefox auf.

Ursache

Im Git von MathJax habe ich einen Eintrag gefunden, der erklärt, dass dies mit einem veränderten Rundungsverfahren zusammenhängt, welches Chrome eingeführt hat. Früher hat Chrome Ränder mit einer Breite, die zwischen 0px und 1px liegt, abgerundet. Dies wurde jüngst geändert und durch ein aufrundendes Verfahren ersetzt, um sich anderen Browsern anzugleichen. Der Fehler liegt somit an meiner Version von MathJax.

Lösung

Der Fehler lässt sich problemlos dadurch beheben, dass man MathJax auf die neueste Version (Link) aktualisiert. Die Installation erfolgt durch Download, Entpacken und Anpassen der Pfade gemäß meines ursprünglichen Beitrags  Integration von LaTeX in Joomla.

Quellen

Sowohl im Git von MathJax (Link) als auch im Chromium-Bugtracker (Link) ist dieser Fehler berichtet worden. Die Erläuterungen zur Ursache stammen von dort.

Der Beitrag Chrome rendert MathJax mit einem schwarzen Rand erschien zuerst auf Maximilian Krieg.

Integration

MathJax installieren

Zunächst müssen die Quelldateien für MathJax heruntergeladen werden. Den dafür notwendigen Link habe ich am Ende dieses Beitrags angefügt. In den folgenden Schritten spiele ich die Dateien auf den Server, kopiere sie in das Wurzelverzeichnis dieser Website und entpacke sie. Nach dem Entpacken korrigiere ich den Besitzer und die Gruppe des neu erstellen Ordners, um möglichen Problemen vorzubeugen.

Verwendete Befehle

• mv
• chown -R www-data
• chgrp -R www-data
• unzip

Neuen Benutzer erstellen

Da ich die Integration durch ein normales HTML-Modul von Joomla umsetzen will, muss ich in der Lage sein rohen HTML-Code in dieses Modul einzuspeisen. Der regulär verwendete WYSIWYG-Editor filtert diesen jedoch heraus und verhindert dies. Jedoch kann der Editor für Benutzer im Dashboard deaktiviert werden. Da ich jedoch keine Änderungen an meinem Benutzer vornehmen will, erstelle ich mir einen neuen Benutzer mit administrativen Rechten. In seinen persönlichen Einstellungen wird unter Basic Settings der Editor auf None gestellt.

Modul erstellen

Ich logge mich in das Dashboard mit dem neuen Benutzer ein und erstelle ein neues leeres Modul. Da kein Editor mehr verwendet wird, kann ich nun direkt den HTML-Code einpflegen. Die Position des Moduls ist dabei beliebig auszuwählen. Zum Schluss wird gespeichert und der Account des Benutzers wieder gelöscht.

HTML-Code

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

Anhang

Beispiel #1

\(f(x)=y^2\)

\(f(x)=y^2\) 

Quellen

• LaTeX Equation Editor (Link)
• MathJax Download (Link)

Der Beitrag Integration von LaTeX in Joomla erschien zuerst auf Maximilian Krieg.