CodeCogs

Equation Editor


3rd Party Links *
Videos featuring the Editor *
* Warning: CodeCogs is not responsible for content on external sites.

Design

Language Translations

en-uspt-brzh-cnde-deen-enes-esfr-frel-elhu-huir-fait-itnl-nlpl-plro-roru-rutr-truk-ukvi-vi

Users can choose from one of our preset Standard Designs or build their own Custom Design.

Standard Designs

The following standard designs are available:

Design NameGraphical Illustration
full

(default)

full editor
 
minimini editor

Implementation

If you're using either the quick or advanced installation, then enter the design name into the design parameter, e.g.,

If you're launching the editor within the browser or through a hyperlink, then append to the URL either ?design= followed by the design name, e.g.,

Custom Designs

If none of the standard designs are suitable, then a bespoke toolbar can be developed from the component pieces using a more complex definition for design.

The elements of the toolbar must be selected from the list below, with each element separated by a comma ( , ), with each row separated by a vertical line ( | ), and toolbars to appear above or below the input <textarea> should be separated by a colon ( : ). For example, the definition for the full toolbar is:

urc,col,fn,ex,hi,fav,i|sty,spa,bin,sym,for,sub,acc,ace,arr|ope,bra,gel,geu,rel,mat:format,font,size,dpi,bg,inline

This has three toolbars above the <textarea> and one below. The first line contains: 'urc,col,fn,ex,hi,fav,i', etc.

The token for each element of the toolbar is listed below:

Token Description  
urc Undo Redo Clear
undo redo
col Color Dropdown
fn Function Dropdown
ex Example button
hi History button
fav Favourites button
 +
i Link to Wikipedia LaTeX page
help
sty Style panel
Style Panel\boldsymbol{\alpha\beta\gamma123}\mathbf{Abc123}\mathit{Abc123}\mathrm{Abc123}\mathfrak{Abc123}\mathbb{Abc123}\textup{Abc 123}\textbf{Abc 123}\textit{Abc 123}\textrm{Abc 123}\textsl{Abc 123}\texttt{Abc 123}\textsc{Abc 123}\emph{Abc 123}
spa Spaces panel
Spaces Panel\square\underline{\,}\square\square\underline{\:}\square\square\underline{\;}\square\square\!\square
bin Binary panel
Binary Panel\pm\mp\times\ast\div\setminus\dotplus\amalg\dagger\ddagger\wr\diamond\circledcirc\circledast\cap\Cap\sqcap\wedge\barwedge\triangleleft\lozenge\circ\square\triangle\triangledown\ominus\oslash\circleddash\cup\Cup\sqcup\vee\veebar\triangleright\blacklozenge\bullet\blacksquare\blacktriangle\blacktriangledown\oplus\otimes\odot\cdot\uplus\bigsqcup\bigtriangleup\bigtriangledown\star\bigstar\bigcirc\bigoplus\bigotimes\bigodot
sym Symbols panel
Symbols Panel\therefore\because\cdots\ddots\vdots\S\P\copyright\partial\imath\jmath\Re\Im\forall\exists\top\mathbb{P}\mathbb{N}\mathbb{Z}\mathbb{I}\mathbb{Q}\mathbb{R}\mathbb{C}\angle\measuredangle\sphericalangle\varnothing\infty\mho\wp
for Foreign symbols panel
Foreign Panel\aa\ae\l\o\oe\ss\$\cent\AA\AE\L\O\OE\SS\pounds\euro
sub Sets and Subset panel (statistics)
Subsupset Panel\sqsubset\sqsubseteq\subset\subseteq\nsubseteq\subseteqq\nsubseteq\in\notin\sqsupset\sqsupseteq\supset\supseteq\nsupseteq\supseteqq\nsupseteqq\ni
acc Accents panel
Accents Panela'\dot{a}\hat{a}\grave{a}\tilde{a}\bar{a}\not{a}a''\ddot{a}\check{a}\acute{a}\breve{a}\vec{a}a^{\circ}
ace Wide Accents panel
Accents_ext Panel\widetilde{abc}\widehat{abc}\overleftarrow{abc}\overrightarrow{abc}\overline{abc}\underline{abc}\overbrace{abc}\underbrace{abc}\overset{a}{abc}\underset{a}{abc}
arr Arrows panel
Arrows Panelx \mapsto x^2\leftarrow\Leftarrow\leftrightarrow\leftharpoonup\leftharpoondown\leftrightharpoons\xleftarrow[text]{long}\overset{a}{\leftarrow}\underset{a}{\leftarrow}n \to\rightarrow\Rightarrow\Leftrightarrow\rightharpoonup\rightharpoondown\rightleftharpoons\xrightarrow[text]{long}\overset{a}{\rightarrow}\underset{a}{\rightarrow}
ope Operator panel
Operators Panelx^ax_ax_a^b{x_a}^b_a^{b}\textrm{C}\frac{a}{b}x\tfrac{a}{b}\frac{\partial }{\partial x}\frac{\partial^2 }{\partial x^2}\frac{\mathrm{d} }{\mathrm{d} x}\int\int_a^b\oint\oint_a^b\iint_a^b\bigcap\bigcap_a^b\bigcup\bigcup_a^b\displaystyle \lim_{x \to 0}\sum\sum_a^b\sqrt{x}\sqrt[n]{x}\prod\prod_a^b\coprod\coprod_a^b
bra Brackets panel
Brackets Panel\left (\: \right )\left [\: \right ]\left\{\: \right\}\left |\: \right |\left \{ \cdots \right.\left \|\: \right \|\left \langle \: \right \rangle\left \lfloor \: \right \rfloor\left \lceil \: \right \rceil\left. \cdots \right \}
gel Greek lower case panel
Greeklower Panel\alpha\epsilon\theta\lambda\pi\sigma\phi\omega\beta\varepsilon\vartheta\mu\varpi\varsigma\varphi\gamma\zeta\iota\nu\rho\tau\chi\delta\eta\kappa\xi\varrho\upsilon\psi
geu Greek upper case panel
Greekupper Panel\Gamma\Theta\Xi\Sigma\Phi\Omega\Delta\Lambda\Pi\Upsilon\Psi
rel Relations panel
Relations Panel<\leq\leqslant\nless\nleqslant\prec\preceq\ll\vdash\smile\models\mid\bowtie>\geq\geqslant\ngtr\ngeqslant\succ\succeq\gg\dashv\frown\perp\parallel\Join=\doteq\equiv\neq\not\equiv\overset{\underset{\mathrm{def}}{}}{=}\sim\approx\simeq\cong\asymp\propto
mat Matrix panel
Matrix Panel\begin{matrix}
\cdots \\
\cdots \\
\end{matrix}\begin{pmatrix}
\cdots \\
\cdots
\end{pmatrix}\begin{vmatrix}
\cdots \\
\cdots
\end{vmatrix}\begin{Vmatrix}
\cdots \\ 
\cdots
\end{Vmatrix}\left.\begin{matrix}
\cdots \\ 
\cdots
\end{matrix}\right|\begin{bmatrix}
\cdots \\ 
\cdots
\end{bmatrix}\bigl(\begin{smallmatrix}
\cdots \\ 
\cdots 
\end{smallmatrix}\bigr)\begin{Bmatrix}
\cdots \\ 
\cdots
\end{Bmatrix}\left\{\begin{matrix}
\cdots \\ 
\cdots
\end{matrix}\right.\left.\begin{matrix}
\cdots \\ 
\cdots
\end{matrix}\right\} \binom{n}{r}\begin{cases}..,x= \\..,x=\end{cases}\begin{align*}
y&=\cdots \\ 
 &+\cdots 
\end{align*}
geo Geometry panel
Geometry Panel\angle\measuredangle\cong\triangle\sim\propto\equiv\bigodot\parallel\perp\leftarrow\rightarrow\leftrightarrow\Leftarrow\Rightarrow\Leftrightarrow\stackrel\frown{AB}\overleftrightarrow{AB}\overline{AB}63^{\circ}
format Format for rendered equations: gif, png, pdf, etc.
font Font for rendered equations
size Size of rendered equations: small, large, etc.
dpi Dots per Inch of rendered equation: 80,100,120, etc.
bg Background for rendered equation
inline Inline and Compressed options

This list forms the current base set. Virtually anything can be constructed quickly, so please submit the LaTeX behind panel you would like to see in the forum below. The panel buttons can be any size. Though, in general, they should be fairly small and contain only a few symbols.

Examples