Mathematische Formeln in Onlinedokumentation

Falls Ihr Redaktionssystem nicht über einen integrierten Formeleditor verfügt, können Sie dennoch mathematische Formeln nahtlos in eine Onlinedokumentation integrieren: Sie können die Formel mit einem externen Formeleditor erstellen, lassen sich dort den MathML-Code der Formel anzeigen, und fügen diesen MathML-Code als HTML-Schnipsel in Ihren Text ein.

Anmerkung: Eine weitere Möglichkeit ist es, eine Formel als SVG-Grafik zu speichern, und dann diese SVG-Grafik in die Onlinedokumentation einzubinden. Dies hat jedoch den Nachteil, dass Sie in diesem Fall jede Formel doppelt speichern müssen, um die Formel später erforderlichenfalls wieder bearbeiten zu können: einmal als SVG-Export und einmal im Quellformat.

Beispiel

Die folgende Formel ist als MathML-Code in dieses Dokument eingebunden.

 

x = - b ± b 2 - 4 ⁢ a ⁢ c 2 ⁢ a

Implementierung

Fügen Sie folgendes HTML-Schnipsel in Ihren Text ein. Darin steht ein DIV-Element für die Formatierung sowie der vom Formeleditor erzeugte MathML-Code. Ersetzen Sie den im Beispiel enthaltenen MathML-Code durch den von Ihrem Formeleditor für Ihre Formel erzeugten Code.


<div style="font-size:26px; align:left">
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
  <mi>x</mi>
  <mo>=</mo>
  <mfrac>
    <mrow>
      <mrow>
        <mo>-</mo>
        <mi>b</mi>
      </mrow>
      <mo>±</mo>
      <msqrt>
        <mrow>
          <msup>
            <mi>b</mi>
            <mn>2</mn>
          </msup>
          <mo>-</mo>
          <mrow>
            <mn>4</mn>
            <mo>⁢</mo>
            <mi>a</mi>
            <mo>⁢</mo>
            <mi>c</mi>
          </mrow>
        </mrow>
      </msqrt>
    </mrow>
    <mrow>
      <mn>2</mn>
      <mo>⁢</mo>
      <mi>a</mi>
    </mrow>
  </mfrac>
</mrow>
</math>
</div>

Option: JavaScript-Bibliotheken wie MathJax oder KaTeX

Tipp: Sollte ein von Ihrem Produkt unterstützter Browser MathML nicht korrekt anzeigen, oder sollten Ihre Formeln bereits in einem der Formate TeX oder ASCIImath vorliegen, sollten Sie sich einmal die JavaScript-Bibliotheken MathJax und KaTeX ansehen. Diese Bibliotheken stellen eine korrekte Anzeige auch in älteren Browsern sicher und bieten eine Fülle an Konfigurations- und Anzeigemöglichkeiten.

___
 
Haben Sie von diesen Informationen profitiert?

Bitte verlinken Sie im Gegenzug auf diese Seite, erwähnen Sie die Seite in sozialen Netzwerken, oder erwerben Sie eines meiner Bücher.

Vielen Dank!

Lust auf mehr? Siehe auch weitere Code-Schnipsel zum Aufwerten einer Onlinedokumentation sowie meine anderen Arbeitshilfen zur Technischen Dokumentation.