Mathematical formulas in online documentation
If your authoring tool does not have an integrated formula or equation editor, you can still seamlessly integrate mathematical formulas into an online documentation: You can create the formula with an external formula or equation editor, display the MathML code of the formula there, and then copy and paste the MathML code as an HTML snippet into your text.
Note: Another option is to save a formula as an SVG image, and then include this SVG image in the online documentation. However, this has the disadvantage that in this case, you have to save each formula twice to be able to edit the formula again later if necessary: once as SVG export and once in the source format.
The following formula has been included as MathML code in this document.
Insert the following HTML snippet into your text. It contains a DIV element for formatting, plus the MathML code generated by the formula editor. Replace the MathML code in the example with the code generated by your formula editor for your formula.
<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>
Did you benefit from this information?
In return, please link to this page, mention the page on social media, or buy one of my books.
Want more? See also more code snippets for enhancing online documentation, as well as my other technical documentation work aids.