Using MathType Web

As previously explained, the MathType Web window is split into two main areas: a tabbed toolbar that contains a large number of icons, and an editing area where you can see your current formula, the location of the cursor, and the text currently selected (if any). When you are done, click OK to save changes, or click Cancel to exit without making any modifications.

Writing text is done just as in any other WYSIWIG editor:

  • You can type keyboard characters.
  • You can move the cursor with the arrow keys, and also with Home and End keys. You can use Shift with them to select a part of the formula.
  • You can cut (Ctrl+X), copy (Ctrl+C), paste (Ctrl+V), undo (Ctrl+Z), and redo (Ctrl+Y) parts previously undone.
  • You can use the mouse to move the cursor, and to select sub-formulas. The selection algorithm is smart.
  • You can use some shortcuts:
    • Ctrl+: superscript
    • Ctrl+: subscript
  • You can use format shortcuts;
    • Ctrl+B: bold
    • Ctrl+I: italics

In order to write a symbol, click its icon and it will appear in the current location of the cursor. We call this the insertion point.

For example, in order to write for all alpha, click , then click the for all icon. Then click , and finally click the alpha icon.

You can change the font to be Regular, Bold, Italic, or Bold+Italic. The default font is AutoItalic, which means the editor recognizes the type of the symbols, and changes the font accordingly. You can always overwrite the editor guess, by selecting the part and changing the Automatic italic button.

One thing that makes MathType Web a powerful tool is its ability to relate different expressions and symbols within a formula.

Let's start by seeing how to write square root of x ; there are two ways to do this:

  1. Insert the square root symbol, and then type x inside it:
    • Click the icon in the General tab.
    • Type x.
  2. Type x and then put the square root symbol around it:
    • Type x.
    • Select x.
    • Click the icon in the General tab.

All templates that involve only one expression work this way.

Now let's see how to use a template that involves two expressions. Let's write: fraction numerator x plus 1 over denominator x minus 1 end fraction

As before, we have two ways to do this:

  1. Insert the fraction and then type numerator and denominator.
    • Click the icon in the General tab.
    • Type the numerator.
    • Click inside the green denominator box, or use .
    • Type the denominator.
  2. "Wrap" the fraction around content you've already typed.
    • Type the numerator.
    • Select the content you just typed.
    • Click the icon in the General tab.
    • Click inside the green denominator box, or use .
    • Type the denominator.

There are other templates which involve up to five expressions, but they work in the same way as fractions. As an exercise, try to write the following formulas:

        x with rightwards arrow on top         cube root of 4         fraction numerator partial differential t over denominator partial differential x end fraction         log subscript x open parentheses e to the power of x squared end exponent close parentheses         sum from i equals 2 to 7 of f left parenthesis i right parenthesis

That last one can be a bit tricky. Did the limits move when you typed f left parenthesis i right parenthesis? If so, undo until you are back to just the summation and the limits. Notice the extent of the horizontal and vertical cursors (remember, the official name is insertion point). Compare the 2 below. If yours looks like the one on the left, press then , and it should look like the one on the right, then type f left parenthesis i right parenthesis:

The behavior of the arrow keys is what you would consider normal if we're working within pieces of text, but the behavior is somewhat different within templates such as fractions. Let's see an example of cursor movement in a fraction.

Initial state; cursor in the denominator
Pressing the left arrow key behaves as usual, since we move within the denominator, which is made
up by text
However, pressing again the left arrow key moves the cursor to the numerator, as if instead of a
fraction we had two lines of text
Pressing the down arrow key moves the cursor to the denominator
Pressing the right arrow key moves the cursor outside the fraction. Note the change of size of both
the horizontal and vertical cursors, indicating it is affecting the whole fraction. Continued typing
from this point will be outside the fraction.
Pressing the backspace (Windows) or delete key (Mac) selects the whole fraction, instead of deleting
one character; if we pressed delete again, the whole fraction would be deleted.

If there are times the arrow keys don't move the cursor in the direction you expected, you may click with the mouse where you want the cursor to be, or just keep pressing the right or left arrow keys until you exit the problem area.

We can select text by holding down Shift while we move the cursor with the arrow keys, or by clicking and dragging with the mouse. You can cut, copy, and paste bits of the formula, just as you would work with text in another application.

Fences. When we use this term in the MathType documentation, we mean symbols that enclose other content, normally on both sides. This includes parentheses, brackets, and braces, but is not limited to these symbols/templates.

Mathematical operations can be nested, and templates can contain expressions with other symbols and templates. Many symbols and templates expand to match the size of their contents; note, for instance, how the square root symbol expands as its contents grows larger:

Fences will also scale as expected if you insert them with the icons in the General tab. If you want simple non-scaling parentheses, brackets, and braces, just type them with the keyboard.

Note: If your admin has set up MathType with automatic formatting, typing a single parenthesis, bracket, or brace, will automatically insert a pair of expanding ones. There is a way to get only a single one, but we'll cover that on a different page.

Let's see one example by creating open parentheses 1 plus x over 2 close parentheses cubed

Click the icon
Type the expression
Click to the right of the ), then click the icon in the General tab
Type 3 (The cursor will already be in the superscript slot, so there's no need to click there.)
If we had used the ( and ) keys instead of the icon, the result would have been this:

Quite often there appears the problem of having to delete one symbol without deleting its contents. In these cases, put the cursor after the symbol (or left parenthesis) and press delete twice. In this example, we remove a square root:

Put the cursor after the symbol but before its contents, either by using the mouse or the keyboard.
Press delete once (Backspace on Windows); this selects everything that will be deleted if
confirmed. Note only the symbol is selected.
Press delete again to confirm deletion of the symbol.

When trying to delete a couple of matching fences that were inserted with the icons in the General tab, there are two places to delete, and they do different things:

  • Deleting the left (opening) fence will remove both fences, but not the contents between the fences. When you press the delete key (Backspace on Windows) once, both fences will be shown highlighted: . The expression will be deleted when you press the delete key (Backspace on Windows) a second time.
  • Deleting the right (closing) fence will remove both fences and their contents. As before, the actual deletion will happen when the delete/Backspace key is pressed for the second time, and everything highlighted will be deleted: .
  • This behavior is not limited to the 4 fences shown in the icons above from the General tab. It also applies to any fences inserted as a pair from the Decorations tab:

There are typographical conventions when writing mathematics, for instance: variables are usually written in italics, while standard functions are written in upright letters. MathType Web has the mode Automatic italic (autoitalics) to ease the writing of the formulas to follow these conventions. Autoitalics is ON by default.

In autoitalics mode:

  • Numbers and symbols are written in upright letters,
  • common letters are understood as single variables, and written in italics,
  • sin, log, and such groups of letters (reserved words) are understood as functions, and written in upright letters.

The sysadmin of your platform can configure these styles by changing the fontStyle parameter.

When you write consecutive letters, if you write a reserved word, it will be converted to upright letters at the precise moment you type the last letter. The reserved words are configurable by the sysadmin of your platform by setting the reservedWords parameter. The reserved words by default are:

  • sin, cos, tan
  • log, ln

You can disable autoitalics temporarily by pressing the Automatic italic button in the toolbar, shown above. When autoitalics is OFF, reserved words are not recognized.

Remember we don't recommend writing plain text inside a formula, but if you have to, it's better to use the Regular text button of the toolbar. Autoitalics will be OFF inside the text box.

Note: The blue boxes you see above are only to show where the plain text regions are within the current expression. They will not appear in the expression after you insert it.

Revert an automatic change

If you want to convert a reserved word into an ordinary group of letters, then delete-and-retype one of the letters in the middle.

For example:

Let's type "rectangle"
Type the first letters in sequence.
Right after you type n, the tan reserved word is recognized.
Continue typing to the end.
We do not want the change autoitalics has made.
Let's fix it.
Place the cursor in the middle of the reserved word.
Delete a letter.
Retype the letter you just deleted.
This is the result we want.

Force a format

You can apply or remove italics using the Italic button in the toolbar.

For example:

Let's type "atan" like a reserved word
This is not what we want.
Let's fix it.
Select the chunk you want to reformat.
Click the Italic button.
We are not finished yet.
Click the Italic button again.
That's the result we want.

MathType has some powerful capabilities for laying out matrices. There are several common sizes that are pre-configured, with and without fences. You can also create a matrix of a size you specify:

Selecting any one of the 4 templates in this section will let you create a matrix of any size:

There are 3 ways to create a matrix with this tool, once you select it:

  1. Hover the mouse pointer over the grid until you have the size you want, up to 6×6. MathType will insert the matrix into its editing area when you click the mouse button.
  2. Use the up/down buttons on the Rows and Columns areas to specify the size you need. Press Enter/Return when you have the size you need.
  3. Same as #2, except type the number directly into the box.

It's also possible to add & remove rows & columns, add partition lines between rows & columns (or around the matrix), control the amount of spacing between rows & columns, and to specify row & column alignment. All of these are done via the Contextual tab, described in its own section.

There are four arithmetic operations (addition, subtraction, multiplication and long division) plus the notation for repeating decimals in the MathML 3 spec that MathType supports. In lower grades, those operations are presented in bidimensional form like in these examples:

Notice:

  • Numbers lay in rows, but also their digits are separated and aligned in columns.
  • There are special rows of superscripts for carries.
  • Also important are separator lines, indentations, and crossouts.

Using this, you can also do some non-elementary mathematics, like polynomials:


In order to create any of those examples,…

  • You start by pressing an operation button in the Matrices and elementary tab, and MathType inserts the template into the workspace.

  • When you type a number, its digits are automatically distributed in columns at left of the cursor. This is very handy; you can type right away; there's no need for you to move between columns.
  • If you delete all the places of a row, then the entire row will be deleted.
  • You can add more rows by pressing Enter/Return, add more indentation by pressing Space, and move between the formula by pressing the usual arrow keys.
  • Usually the formula is like a table, but you can not go to all elements in the table. You can go only to elements that have some content; a digit, a space, a symbol, etc.
  • The separator lines are also content; you can place the cursor there, indent them with spaces, or even remove them.
  • The template generated by the operation button is just a suggestion; you can delete or change any part of it, and so convert one operation into another at will.
  • It's better to have the formula written down somewhere beforehand, in a notebook for example. Then you can achieve great productivity, because you can type whole rows right away. Proceed row by row, from top to bottom.
  • You can change the template a lot using only the keyboard. All other changes are done by using the Contextual tab for elementary math.

Many mobile devices (tablets, smartphones) have no physical keyboard, mouse, nor arrow keys. On these devices, MathType Web provides "handles" to move the cursor and to select parts of formulas.

Cursor (insertion point) and selection

In most devices, a double tap on the editor will adjust it to the screen. A single tap will enter into the editing area, and the device will show a virtual keyboard. You can now create or edit a formula.

When you are editing a formula, there is a cursor in the editing area. On mobile devices, the cursor has a handle to move it. You can move it horizontally or vertically.

Tip: If you are trying to place the cursor at a specific position and it seems impossible, move it vertically to achieve that.

When you are editing a formula, a double tap inside the editing area will select the entire formula, or sometimes a template slot within the formula. For example, in the equation here, double-tapping inside the radical symbol will select the radicand. Double-tapping inside the denominator will select the denominator, etc. Once selected, you can expand or shrink the selection by using the blue handles around the selection, thereby selecting only a part of the formula.

Now you can use the selection to copy & paste; see next section.

Copy & paste

Mobile devices generally have more restrictions than computers, because of security reasons.

On a mobile device, you cannot copy & paste formulas directly in MathType Web, but you can do it indirectly by copying & pasting via popups. Let's see it step by step, in an example.

Example

We want to write this:

The second line is almost the same than the first line, so we will copy it.

  1. Tap inside MathType's editing area. The virtual keyboard of the device will show up. Write the first equation.
  2. Select all by double-tapping the equation. If needed, modify the selection by dragging the selection handles.
  3. Tap the Copy button in the General tab of the toolbar: .
  4. Tap at the end of the selected equation to de-select it and to place the insertion point at the end of the equation.
  5. Tap Return on the virtual keyboard to enter a new line.
  6. Tap the Paste button in the General tab of the toolbar: .
  7. A Copy, cut and paste dialog will appear. Tap once inside the large text area of this dialog, and you should see 2 options: Paste and Look Up. The options may be different on your mobile device, depending on the operating system, but one of the options should be Paste:
    Tap Paste. The dialog should go away, and the equation should appear pasted into the MathType editing area. Tap Ok on the dialog's button if it doesn't.
  8. Now back in the MathType editor, we have the 2 equations, one a duplicate of the other. Tap to place the insertion point to the right of +, delete it, and type . Similarly, tap to place the insertion point to the right of the subscript of x. Use the blue handle to move the cursor if you need to move it. Delete the subscript and type 2.
    Finished!

Magnified toolbar

Your sysadmin can set a larger toolbar (1.5× or 2×) for easier use in mobile devices.

You can cut, copy, and paste into, out of, or within MathType. You can do this using:

  • toolbar buttons,
  • the contextual (right-click/ctrl-click) menu, or
  • the standard keyboard shortcuts, Ctrl+X, Ctrl+C, Ctrl+V, respectively, or their Mac equivalents using the key.

Copying using the Copy button on the toolbar.

You can drag things from outside and drop them into MathType, but you cannot drag and drop things from MathType or within an expression inside MathType.

Basic copy & paste

You can copy and paste parts of a formula inside MathType.

Copy and paste within MathType.

Note: When using the cut, copy, or paste buttons, you may see a dialog similar to this:
Sometimes you must use keyboard shortcuts to paste.
There aren't any browser settings to prevent this. If you see this dialog, using shortcuts is the only way to perform that action.

You can copy and paste parts of a formula from one MathType Web editor into another.

Copy & paste from ont MathType Web editor into another.

Many special characters are available by clicking the Insert special characters button. If you can't find what you need there, you can copy characters from other apps and websites, then paste into MathType.

Copy from other apps and paste into MathType.

From some websites, such as Wikipedia, you can even copy equations and paste them into MathType:

Copy and paste equations from websites.

Copy & paste to & from Microsoft Word

You can copy formulas from MathType Web into Microsoft Word 2007 and newer for Windows, or 2011 and newer for Mac. Note there are additional considerations if MathType Desktop is installed. We cover that situation in a later section, but for now, we assume MathType Desktop is not installed.

Copy from MathType and paste into Microsoft Word.

You can copy formulas from the Microsoft Word versions mentioned above, and paste into MathType. You must first configure Word to Copy MathML. You can copy individual formulas/equations or sub-expressions within a formula or equation, but not a selection containing text and formulas.

Here's how to set Word for Windows to copy as MathML:

Set Word for Windows to copy as MathML.

Note that depending on your version of Word, the dialog launcherdialog launcher – may be in the Tools group.

There is a similar setting on a Mac. In Word 2016, go to the Format menu, then Equation Options:

Set Word for Mac to copy as MathML.

In Word 2011, it's in Word > Preferences > Equations.

Copy & paste to & from MathType Desktop

To MathType Web from MathType Desktop

It's possible to create an equation in MathType Desktop and use it in MathType Web, as well as to use MathType equations from your existing work.

NOTE: If you're using a Mac, be aware these instructions are for Safari, and may require modification for or may not work in other browsers.

  1. Create or open the equation in MathType Desktop.
  2. In MathType Desktop's Preferences menu, choose Cut and Copy Preferences. On the Macintosh, this will be in the Preferences flyout of the MathType menu.
  3. In the section labeled MathML or TeX, select the MathML 2.0 (no namespace) translator from the dropdown list. Make sure the 2 boxes below the list are not checked. Click OK.
  4. Select and copy the equation, then paste it into MathType Web.
  5. Verify the equation in MathType Web to make sure it transferred correctly.

From MathType Web to MathType Desktop

If you have already created MathType Web equations for your courses, web pages, or other work, it's possible to use these equations in MathType Desktop. Depending on where your work is (WordPress blog, Canvas course, etc.), it's probably possible to click the equation and drag it to an open MathType Desktop window (from the browser, not from the MathType Web editor). If that doesn't work, try copy & paste. If it's still unsuccessful, open the equation in MathType Web. Select and copy the equation and paste it into MathType Desktop.

Within the containing rich text editor

Probably you are using MathType Web inside a general text editor, like CKEditor or TinyMCE. If so, you can do more tricks.

You can copy whole formulas from one text editor area into another one, but only if both are in the same site.

You can copy LaTeX code into the text editor area, and after that you can edit the formulas with MathType Web. You can not paste LaTeX directly into MathType Web. For more info, see LaTeX support.

Copy MathType equations from one rich text editor window to another.

MathML

This section is somewhat technical. MathType Web's internal equation format is MathML. Fore more info, there is a MathType Web MathML coverage page, and separate documentation for MathType Desktop.

If you copy formulas from MathType Web into a plain text editor, you will get a chunk of MathML code.

Equations are copied from MathType Web as MathML.

Microsoft Word (2007 and newer for Windows, 2011 and newer for Mac) understands MathML and converts it into a formula. OpenOffice and LibreOffice suites can import MathML as well, but only from files, and only formulas one by one, which is very impractical. If applications don't understand MathML, they will see it as just a chunk of weird text.

You can paste a valid MathML formula into MathType. You can even paste slightly invalid MathML, and MathType will try its best to render it properly. (Don't focus on "slightly invalid" though. Paste valid MathML and MathType should render it nicely.)

Can paste MathML copied from elsewhere.

In the example above, notice the dotted lines around the 2 multiplication dots in the numerator and the one in the denominator. This is how MathType Web will render non-printing characters such as invisible times, function application, etc. You can see they don't appear in the rendered output (above MathType in the shot), but while you're working in MathType, this is a nice visual indication these characters are a part of the expression.

In some special cases, you may need to see or edit the internal MathML of a formula. You can do it with the shortcut Ctrl+Shift+X.

You can view the MathML with a shortcut.

To summarize…

You can paste into MathType Web, only:

  • MathML. Microsoft Word (2007/2011 and newer) can be configured to copy single formulas as MathML.
  • One character symbols, that will be accepted by MathType Web as <mo> (MathML operator element) or <mi> (MathML identifier element), depending on the symbol.
  • Numbers, accepted by MathType as <mn> (MathML number element).
  • Text in Normal text mode, that is <mtext> (MathML text element).

You can copy from MathType Web, only:

  • MathML. The result will depend on whether the other application understands MathML. MathType Desktop and Microsoft Word (2007/2011 and newer) both understand MathType Web formulas.

Math uses various types of letters, technically called variants. There are several ways to use font variants in MathType Web:

  • Set the font for the whole formula
  • Insert single symbols
  • Apply formatting to a selection, a part of the formula

Note it's not as simple as that though. For example, one font variant is double-struck (i.e., Blackboard Bold: ABℂ), and this variant is not available except by inserting single symbols. The only variants available for "whole formula" use are the 6 shown below, unless customized by your admin.

Changing variants by setting the whole formula font

Setting fonts in MathType Web.

Arial, sans-serif, the MathType Web default font
Sans serif alphabet and numerals.
Classic, serif font (font-family:STIX)
Classic font, a serif font.
Courier New, monospaced font
Courier New, a monospaced font.
Tahoma
Tahoma font.
Times New Roman
Times New Roman font.
Verdana
Verdana font.

Variants by inserting single symbols

Inserting single symbols with font variant in MathType Web.

Double-struck (Blackboard Bold)
Double-struck alphabet.
Script
Script alphabet.
Fraktur
Fraktur alphabet.

Variants by formatting a selection

Apply format to selection.

Sans-serif+bold
Sans-serif plus bold alphabet.
Sans-serif+italic
Sans-serif plus italic alphabet.
Sans-serif+bold+italic
Sans-serif plus bold plus italic alphabet.
Serif+bold
Serif plus bold alphabet.
Serif+italic
Serif plus italic alphabet.
Serif+bold+italic
Serif plus bold plus italic alphabet.
Script+bold
Script plus bold alphabet.
Fraktur+bold
Fraktur plus bold alphabet.

Variants not MathML standard

Monospace+bold
Monospace plus bold alphabet
Monospace+italic
Monospace plus italic alphabet
Monospace+bold+italic
Monospace plus bold plus italic alphabet
Double-struck+bold
Double-struck plus bold alphabet.
Double-struck+italic
Double-struck plus italic alphabet.
Double-struck+bold+italic
Double-struck plus bold plus italic alphabet
Script+italic
Script plus italic alphabet
Script+bold+italic
Script plus bold plus italic alphabet
Fraktur+italic
Fraktur plus italic alphabet
Fraktur+bold+italic
Fraktur plus bold plus italic alphabet

MathType Web has tools integrated that allow you to see the code representing a formula. These debug windows are designed for power users, and also help report issues to MathType support.

These windows that can be accessed via a shortcut. They are read-and-write windows, so you can use them also to input data. See the sections below for details on that.

MathML

You can open this window with the combination Ctrl+Shift+X (memory aid: X = XML). It's the same shortcut on Mac as on Windows. You can use this debug window to edit an equation by directly editing the MathML contained in the window, or paste MathML from another document. To submit the changes, click the "Submit Query" button, and you'll see your changes immediately in the MathType editing window.

The browser pop-up window showing the formula's MathML. You can edit the equation directly in this window if you want.

LaTeX

You can open this window with the combination Ctrl+Shift+L (memory aid: L = LaTeX). It's the same shortcut on Mac as on Windows. You can use this debug window to edit an equation by directly editing the LaTeX contained in the window, or paste LaTeX from another document. To submit the changes, click the "Submit Query" button, and you'll see your changes immediately in the MathType editing window.

The browser pop-up window showing the formula's LaTeX. You can edit the equation directly in this window if you want.