<div style="position: relative; display: inline-block; height: 2em; width: 1em"> <div style="position: absolute; top: 0em">a</div> <div style="position: absolute; top: 1em; border-top: 1px solid black">b</div> </div>
I ask because if this does not exist I am considering writing it, perhaps as a jQuery plugin.
jsMath renders TeX forumlas. It is also used by mathoverflow.net and the web interface of the mathematics software sage. I assume they know what they are doing ;)
From the homepage:
The jsMath package provides a method of including mathematics in HTML pages that works across multiple browsers under Windows, Macintosh OS X, Linux and other flavors of unix. It overcomes a number of the shortcomings of the traditional method of using images to represent mathematics: jsMath uses native fonts, so they resize when you change the size of the text in your browser, they print at the full resolution of your printer, and you don't have to wait for dozens of images to be downloaded in order to see the mathematics in a web page. There are also advantages for web-page authors, as there is no need to preprocess your web pages to generate any images, and the mathematics is entered in TeX form, so it is easy to create and maintain your web pages.
Khan academy just released its open source Katex. It's very fast. IMO it is the best option right now.
Fast: KaTeX renders its math synchronously and doesn’t need to reflow the page.
Print quality: KaTeX’s layout is based on Donald Knuth’s TeX, the gold standard for math typesetting.
Self contained: KaTeX has no dependencies and can easily be bundled with your website resources.
Server side rendering: KaTeX produces the same output regardless of browser or environment, so you can pre-render expressions using Node.js and send them as plain HTML.
©2020 All rights reserved.