:: Table of Contents

Design

The design variable within editor functions can either being a single value that represents a one of our preset Standard Designs, or a comma seperated list that defines a Custom Design.

Standard Designs

The following standard designs are available:

Design Name Graphical Illustration
full

(default)

full editor
mini mini editor

Custom Designs

A bespoke toolbar can be developed from the component pieces using a more complex definition for design.

Select elements for the toolbar from the list below, creating a comma seperated list (,), with each row separated by a vertical line (|). To create seperate toolbars which can be placed at different point on the page use 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
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:=\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. Any other panels can be constructed quickly, so please submit the LaTeX behind panel you would like to see and we can add this to the list.

Examples

Copied to clipboard