There are a couple of ways of inserting mathematical formulas onto web pages. One of the more robust ones, is using an SVG image. TexText^1,2 is an Inkscape³ extension allows you to generate a LaTeX formula and insert it right into the editor.

The full documentation on installation and usage is available at the official site⁴.

If the extension was installed correctly, you can access it under Extensions → Text → TexText menu entry:

You can use the standard LaTeX math mode^5,6, surrounded by $$.

Optionally, you can merge the vectors into one path to include it directly into HTML code between <svg></svg> tags. For this, perform the following steps:

• check the SVG output → No strokes box in the TexText window
• after you generate the oject, select it
• ungroup the object: Object → Ungroup (or Shift+Ctrl+G)
• select all of its elements: Edit → Select All (or Ctrl+A)
• merge into one path: Path → Union (or Ctrl++)

When you are done with your edits, do File → Document Properties… → Resize to content and then, File → Save a Copy… saving as Optimized SVG or Plain SVG.

Now you can use this file as is, open it with any text editor and copy the <svg></svg> tag data, inserting it into your HTML page, or convert the formula into a raster image (File → Export As…).

---

Discuss this post on Reddit

---

1. https://textext.github.io/textext↩

2. https://github.com/textext/textext↩

3. https://inkscape.org↩

4. https://textext.github.io/textext/#installation-toc↩

5. https://en.wikibooks.org/wiki/LaTeX/Mathematics↩

6. https://web.mit.edu/rsi/www/pdfs/math.pdf↩