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.