LaTeX Formula Editor

📖 About This Tool

Writing a paper, building course material or putting a formula on a web page usually means LaTeX. It describes layout in plain text, so rac{a}{b} produces a properly typeset fraction far faster than clicking through a formula editor. The catch is that LaTeX is not WYSIWYG: you compile to find out what you got, and mismatched delimiters or a root over the wrong range can cost several round trips.

This tool removes that step. Type on the left and the rendered result appears on the right immediately, with no compilation and nothing to install. The supported syntax covers well over ninety percent of everyday needs: fractions, roots, super and subscripts, Greek letters, limits on sums and integrals, matrices, auto-sizing delimiters, and the usual operators and relations. Change one character and the preview follows, which makes formula editing markedly quicker.

The renderer is a self-contained implementation of a maths subset of LaTeX, and it draws vector output that stays sharp at any zoom. Font size, colour and a dark background option are available, so a screenshot drops straight into a dark themed deck without inverting anything.

Export PNG for pictures or SVG for further editing in a vector-capable tool. Rendering is entirely local to the browser: no request is made and what you type is never stored.

The symbol table covers the Greek alphabet in both cases, binary operators such as \pm and \times, relations such as \leq and \neq, arrows, and the large operators \sum, \prod and \int with their limits. Matrices accept the usual syntax with & separators and a double backslash between rows. Anything outside the table is drawn as a literal token and named in the message line, so you can see exactly what was not understood instead of guessing from a blank gap in the output.

✨ Features

• Live rendering: redraws on every keystroke, no compilation and no external library.
• Broad syntax: fractions, roots, scripts, Greek letters, sums, integrals, matrices.
• Auto-sizing delimiters: matched \left and \right grow with their content.
• Style controls: font size, colour and a dark background for different contexts.
• Error reporting: unsupported commands and unbalanced braces are pointed out explicitly.
• Export PNG and SVG: bitmap for insertion, vector for further editing.

🚀 How to Use

1. Type a LaTeX formula in the code box; $ or \( \) delimiters are optional.
2. The preview on the right updates live and reports any syntax problem.
3. Load a built-in example and edit it if you want a starting point.
4. Adjust font size, colour, or switch to a dark background.
5. Export PNG or SVG when you are satisfied.

⚠️ Notes

• Syntax coverage: this is a common maths subset; very obscure package commands are unsupported and will be flagged.
• Delimiters: whether or not you write $ or \( \), they are stripped automatically.
• Escaping: when pasting into JSON or a string literal, write backslashes as double backslashes.
• Font dependency: maths glyphs rely on fonts installed locally, so check the preview before exporting.
• Preview only: output can differ slightly from a real LaTeX build, so compile before submitting.