Every equation accessible, by default

Every equation carries generated spoken text, whether it is MathML or SVG. Below is what a screen reader should say for each — generated live by the same converter the editor ships, so what you read here is what your users hear.

Press Tab to step through the equations with a screen reader running.   Full test bench, with all four markup strategies compared →   Accessible maths for your platform →

Store the LaTeX, not the MathML FxTEX

The editor already gives you MathML, so strictly you do not need fxTeX at all. Save what the editor hands you and the job is done.

The catch is what you have saved. \frac{-b\pm\sqrt{b^2-4ac}}{2a} is thirty characters. The MathML for it is 277, across 25 nested elements — and that is what then lives in your database, your page source, and every diff anyone reads for the rest of the site's life. Nobody edits that by hand.

So keep the LaTeX, which stays short, readable and editable, and let fxTeX produce the MathML in the reader's browser instead. The reader gets exactly the same markup; and you keep your source clean.

Two things come with that. Every equation it converts can be wired to straight to fxGraph, and a legacy site full of old equations converts on its next page load — no migration, nothing rewritten.

Add to your page:

<script src="https://fxtex.codecogs.com/fxtex.min.js"></script>
<script>fxTeX.autoRender();</script>

33 kB over the wire — Read the documentation

<p>The quadratic formula solves $ax^2+bx+c=0$
   for $x$, giving
   $$x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$$</p>

Converted in your browser just now, by the two lines on the left. The LaTeX stayed in your HTML - nothing was rewritten, and nothing was fetched.

Or just ask for a picture FxTEX Server

Simple is sometimes best. Three equations on a page do not need a script loading and walking through your HTML to find them — point an <img> at the equation and the equation arrives. There is nothing to install: no maths font, no library, no build step — perfect for blogs, forums and wikis, where adding JavaScript to the page is often impossible.

Running since 2005, now serving 150,000+ websites and apps.

Your pages stay clean as well, in the database and in the source — one <img> tag per equation, however long the equation is. And if you change your mind: add fxTeX later and it finds those same tags and converts them in place, so your pages adopt MathML with spoken text without being rewritten.

If you prefer to mark out maths LaTeX-style, with $…$ or \[…\], latexit.js turns them into equations.

And it's lightning fast — Read more →

Add to your page:

<img src="https://fxtex.codecogs.com/svg.image?1+\sin^2(x)"
     alt="1+\sin^2(x)">

On the page

One request, one image. Nothing ran on the page to put it there.

Formats:

• svga vector image, sharp at any size
• pdfa vector image in portable document format
• pnga bitmap, for anywhere that will not take SVG's
• gifthe same again, just an older format
• mathmlthe mathematical markup language itself

The same equations in every format →

LaTeX to SVG and PNG, side by side →

What you write

R_{cdf} = 1 - \exp\left[
   -\left(\frac{D}{D_m}\right)^n
\right]

Plain LaTeX, in your page or your database — and what it means, for everyone who does not read LaTeX.

What we generate FxCODE

double Rosin_CDF(double Dm, int n, double D)
{
   return 1-exp(-pow(D/Dm,n));
}

What it does FxGRAPH

Plotted live by that function, wired into the CodeCogs code library and its Interactive Calculators.

Show equations already on your page

Point it at a page that has LaTeX in it. It finds every $…$ and converts it to real MathML, in the reader's browser.

<script src="https://fxtex.codecogs.com/fxtex.min.js"></script>
<script>fxTeX.autoRender();</script>

43 kB. No build step, and no request per equation.

fxTeX documentation →

Let people write them

Five objects — toolbar, markup pane, maths view, output and history — each addressable on its own. Wire up the ones you want and leave out the rest.

const eq = EqEditor.LaTeXView.link('latexInput');
EqEditor.Toolbar.link('toolbar').addLaTeXView(eq);
EqEditor.MathView.link('mathview').addLaTeXView(eq);

That is a complete editor. Everything else is optional.

API reference →

Get the equation back out

One call, any format — including MathML with the spoken text a screen reader needs.

output.setFormat('mathml', true)
      .setWrapper('html')
      .getCode();

// formats: mathml · svg · png · gif · pdf
// wrappers: latex · url · html · '[tex]%1[/tex]'

Or hand it to a plugin and never call the API at all.

Quickstart →