# Mathematics without LaTeX

You just want equations? You don’t need TeX-the-software, just TeX-the-mathematical-markup. Lots of things can render TeX math. In particular if you have an HTML or a markdown document with mathematical markup, many mathematical typesetting options are available. In fact, too many, all with incompatible syntax of course. The de facto standard is pandoc, which is what I usually use for turning my markdown+math into various documents (including, for example, parts of this blog).

## MathJax

MathJax allows you to put LaTeX equations online easily without bothering with the rest of the latex infrastructure.

MathJax v2 is slow and heavy but fiarly pwoerful.

The complete rwrite for the version 3 series looks more nimble, but is currently missing stuff I use on this blog, specifically, Automatic Line Breaking.

🤓pro tip: If you install the libjs-mathjax package under Ubuntu, you will have all the (hefty) MathJax libraries available in /usr/share/javascript/mathjax/ for offline use.

🤓pro tip: There are browser extensions to automatically inject LaTeX math rendering to websites, e.g. TeX All the Things (source).

## KaTeX

Katex is a faster competitor to MathJax, but is not yet as widely supported. Katex even eliminated another pain point, having supported macros since 0.10.rc1. You couldn’t define macros inline which was tedious because macros are ubiquitous in real mathematics work. Now you can either inject them via config, or use the esoteric low-level \gdef to get LaTeX-like behaviour, since \renewcommand exists but doesn’t persist between equations, which makes it pointless for anything except prototyping individual macro definitions. KaTex support of maths markup is not as complete as MathJax. In particular

• I miss the split environment.
• You can’t put math markup inside \text{}

## plasTeX

plasTeX

is a LaTeX document processing framework written entirely in Python. It currently comes bundled with an XHTML renderer (including multiple themes), as well as a way to simply dump the document to a generic form of XML. Other renderers can be added as well and are planned for future releases…

plasTeX differs from other tools like LaTeX2HTML, TeX4ht, TtH, etc in that the parsing and rendering of the document are completely separated. This separation makes it possible to render the document in multiple output formats.

It is active, being used by high-profile online projects such as the collaborative textbooks stacks and kerodon.

## Inlined HTML mathematics

Both MathJax and KaTeX are eventually slow if you have enough equations in a document - MathJax sooner than KaTeX, but neither scales to the documents I write as a mathematician. You ideally want something different. There are a few attempts to do this.

plasTeX, above, is one, and probably the most vibrant (?).

bookish is a project by parser nerd Terrence Parr which, like my latex_fragment, translates TeX markup to SVG, but in addition works out how to align the SVG with text correctly via herculean effort.

This approach is shared with Daan Leijen’s Madoko (introductory paper), which does math rendering in PDF or HTML as embedded SVG.

Both these last 2 projects took the unusual step of not using the de facto standard for markdown/academia, pandoc, in favour of implementing their own new engines, which makes them suspiciously niche.

Amazingly, despite pandoc already employing a somewhat obscure academic functional language (Haskell), Makodo chose an even obscurer academic functional language, koka. At least his one compiles to javascript, so I guess it’s not totally alien territory. Anyway, it also includes some nifty publish-to-the-web features, and citation support, so maybe you don’t care about this obscurity.

There is another school of methods of rendering mathematics in HTML, which is the school who note that you can render MathJax without a browser using node.js, saving some time for the reader who need not mess around with a complicated post hoc multi-phase javascript-based rendering procedure. Presumably this could be implemented for KaTeX too; in fact it has been; see pelican-latex-prerender. The tool du jour is MathJax-node-page which comes with a CLI mjpage which will pre-render HTML for you—it even claims to render math as SVG too, through forbidden magic into which it is best not to enquire too closely. See also mathmd. Wikipedia aims to leverage this approach via their mathoid project.

There are some full-pipeline tools which leverage this. The one that looks shiniest is ReLaXed, which also makes the case for their take on this approach

Many of us prefer markup languages (Markdown, LaTeX, etc.) to GUI document-editors like MS Office or Google Docs. This is because markup languages make it easier to quickly write documents in a consistent style.

However, Markdown is limited to the title/sections/paragraphs structure, and LaTeX has obscure syntax and errors that also make it difficult to stray from the beaten track.

On the other hand, web technologies have never looked so good.

• Beautiful CSS frameworks make sure your documents look clean and modern.
• There are JavaScript libraries for pretty much anything: plotting, highlight code, rendering equations…
• Millions of people (and growing) know how to use these.
• Shorthand languages like Pug and SCSS are finally making it fun to write HTML and CSS.
• (Headless) web browsers can easily turn web documents into PDF, on any platform.

ReLaXed is an attempt at finding the most comfortable way to leverage this for desktop PDF creation.

However, I need citations in my workflow, and it is not immediately clear how I would inject those into such an end-to-end solution, at least not without writing yet another plugin— however, possibly Zotero could help with its HTML citation reports or maybe one of the word processor plugins supports HTML documents? It merits investigation. Not by me.

Gerby looks to be somewhere intermediate between a new markup language and HTML presentation; it generates a large indexed website from a latex document instead of a PDF.

If you have a LaTeX document which

• is large (probably several hundreds of pages at least)
• is regularly updated
• needs to be externally referenced often

you will run into the problem that

• large PDFs are not easily navigable
• PDFs of any size are not very searchable
• the internal numbering changes often, making external references outdated

Gerby addresses these problems by providing an online tag-based view, instead of just having a big PDF. Gerby is tailored towards making large online textbooks and reference works more accessible.

It uses plasTeX as the backend.

## Mathquill

mathquill

MathQuill is an open source formula editor for the Web…

MathQuill was born of a need to communicate math. The creators,… used LaTeX for projects together, but struggled to collaborate online once they were apart. They wanted a tool to both write and read math without resorting to ugly flat text or more cumbersome conventions.

… Today, MathQuill is used in educational software, math visualizations, collaborative editors, and more.

## MathML

Native web rendering of mathematics is provided by MathML, but it is supported, more or less, only in Firefox, and also is an ugly syntax to write by hand. It’s more of a display backend for LaTeX math, or for some kind of equation editor. Unless this is more widely taken up I won’t be investigating it for my own use. In particular, I don’t know how fast it is, which is the major pain point with the javascript-based options. There are utils to convert LaTeX math to MathML, e.g. Texzilla, or LaTeXML, which I have not tried.

## But why can’t the whole internet be LaTeX?

Why not indeed. Also, are you a tenured academic?

You can make an HTML document look like a LaTeX document at least using LaTeX.css.

This almost class-less CSS library turns your HTML document into a website that looks like a LaTeX document. Write semantic HTML, add <link rel="stylesheet" href="https://latex.now.sh/style.css"> to the <head> of your project and you are good to go. The source code can be found on GitHub at https://github.com/vincentdoerig/latex-css.

This will probably improve your chance of getting hired at a sufficiently reactionary maths department.

LaTeX.js (source) renders LaTeX documents using HTML5 and CSS.

Thanks for the helpful post. You make clear that the LaTeX community has not settled on a widely preferred solution to creating LaTeX-rich web pages. I learned a long time ago that in computing languages (Python is the 6th I have used extensively and my current mainstay) I should always go with the most widely--or, at least, a very widely--adopted way of meeting my needs. LaTeX was a hard sell for me because of the steep learning curve and lack of easy control over document appearance, but I followed the crowd and have become fairly comfortable with it. For example, I embed a lot of LaTeX into Markdown when annotating Python programs in Jupyter notebooks.

Now I want to create a blog on which to post results of various scholarly forays into physics and math that I am unlikely to publish in other ways. I am totally perplexed as to what content-creation environment I should work in. My website (not yet public) is hosted by Bluehost and uses WordPress.org software for content management. Casual experimentation with various themes and plugins suggests I will have to put a lot of work into building environment-specific skills before I will be satisfied with the results. I do not shy away from doing so, but I do not want to get out on a limb. The main protection against this very real risk is by following the lead of as large a community as possible whose needs overlap with mine. Any advice?