CodeCogs fxEditor

Online Equation Editor

Try it here

FxEDITOR
Type maths straight into the equation, or write LaTeX markup below it - the two stay in step.
Use Alt+# to open toolbar panels, Tab to move to the next empty box, and Ctrl+arrow keys to step through the structure. Press \ to get commands and symbols.
Rate this new editor
See feedback

Every equation accessible, by default

Spoken text in every equation, as MathML, SVG or PNG. Generated live by the converter the editor ships: what you read is what your users hear.

Accessible maths for your platform →

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

Store the LaTeX, not the MathML

\frac{-b\pm\sqrt{b^2-4ac}}{2a} is 30 characters. Its MathML is 277, in 25 nested elements, and nobody edits that by hand.

So keep the LaTeX. fxTeX turns it into MathML, in the reader's browser, with spoken text included as standard. And any calculation can open as an interactive graph in fxGraph.

FxTEX <html> <MathML> What you see $\pi r^2$ <mi>π</mi><msup><mi>r</mi><mn>2</mn></msup>
πr2
 pi r squared
FxTEX
Add to your page 33 kB over the wire →
<script src="https://fxtex.codecogs.com/fxtex.min.js"></script>
<script>fxTeX.autoRender();</script>
Your HTML
<p>The quadratic formula solves $ax^2+bx+c=0$ for $x$, giving
   $$x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$$</p>
On the page

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

Converted in your browser just now. The LaTeX stayed in your HTML - nothing was rewritten, and nothing was fetched.

Or just ask for a picture

Nothing to install. Point an <img> at the raw LaTeX and the beautifully rendered equation arrives. Perfect for blogs, forums, wikis and apps, where you cannot run additional JavaScript.

FxTEX SERVER GET 200 OK <img> SVG / PNG What you see svg.image?\pi r^2 <svg>…</svg>
πr2
 pi r squared

Or keep the LaTeX on your page and let LaTeXIT fetch each rendered equation. It works with fxTeX too, which converts the same <img> tags into MathML. And it's lightning fast →

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

FxTEX SERVER
Add to your page
<img src="https://fxtex.codecogs.com/svg.image?\int_a^b \frac{1}{x}\,dx = \ln\left|x\right| + C">
On the page
\int_a^b \frac{1}{x}\,dx = \ln\left|x\right| + C

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 →

Your editor, any way you like it.

Customised to you…

Use the API to build the perfect editor for your users: choose toolbars and panels, link your own text boxes, and get content you can use anywhere (LaTeX, MathML, PNG, SVG).

Try our design tool →

Lock it down

Let students complete elements of an equation without changing the structure. Fill in the boxes below — nothing else can be edited.

Read more →

From LaTeX to Computational Math—Automatically

You write the LaTeX. We generate the code that runs it, and the calculator that runs the code.

1

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.

2

What we generate FxCODE

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

fxCode turns a LaTeX equation into a working C++ function that handles:

  • algebra
  • roots and powers
  • trigonometric and logarithmic
  • sums and products
  • limits
  • derivatives
  • partial derivatives
  • integrals

…plus whole systems of equations, which it sorts into the right evaluation order. Each part is solved exactly where the mathematics allows, and approximated numerically where it doesn't.

3

What it does FxGRAPH

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

Six products, one pipeline

One equation, however you need it delivered.

fxEditor

A bi-directional LaTeX and WYSIWYG editor and API. Contextual auto-suggest. Also a Microsoft Word, PowerPoint and Excel addin.

fxRender

Document Excel calculations with beautiful equations that present your formulae clearly and concisely.

fxTeX New

Converts the LaTeX already in your HTML to MathML, in place. 43 kB, accessible by default, and a right-click menu to copy any equation or open it as a graph.

fxTeX Server New

Formerly LaTeXRender. Equations as SVG, PNG, GIF, PDF or MathML from a single URL. Free for light use.

fxCode New

Turn LaTeX into runnable C++, alongside the code library and Interactive Calculators.

fxGraph New

Interactive calculators and live plots from two lines of HTML. Compiled to WebAssembly, so it runs locally in realtime with no server behind it.

Fast, and right

Speed is the easy half. A fast engine that mangles what nobody tested is worse than a slow one.

So we ran it against 95,811,247 equations, everything we could find, and check every build against 43,200 of them, mis-formed ones included.

How we compare

See the full comparison →

Coming from MathType →

57 equations, on a page the reader has visited before

Download size Converting all 57 With spoken text

Temml and KaTeX generate no spoken text.

Run the benchmark yourself →

Ready for developers

Three things you are likely to want, and what each one costs you in code.

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 →

Free for non-commercial work, the API and plugins included. Something you sell needs a commercial licence, as does commercial work in the editor on this site. The equations you make are yours to use for any purpose, anywhere. The editor runs in your browser, so your equations stay private.

Already using one of these?