Inserting equations in the HTML Editor

The Equation Editor is accessible within the HTML Editor, which enables users to insert mathematical and statistical equations into an HTML page. It supports the input of MathML and LaTeX, as well as a graphical editor where you can visually create equations. Depending on your org settings, you may not have access to all input methods.

MathML

MathML is a standard adopted by the World Wide Web Consortium (W3C). It uses XML to describe mathematical notation by capturing both its structure and content. This enables MathML to support visual display and assistive technology access.

As a standard, Learning Environment stores and displays all equations in the MathML format, regardless of the format you use to enter equations. Learning Environment uses MathJax JavaScript engine to display MathML equations. While Firefox enables MathJax to render math in native MathML, MathJax renders math as HTML and CSS in other browsers which currently do not support native MathML.

Go to http://www.mathjax.org to learn more about MathJax features.

Note  Versions 9.4.1 and higher of Learning Environment only support MathML 3.0 markup. You might need to update existing equations if they were written using MathML 2.0 markup.

LaTeX

LaTeX is a typesetting system based on TeX. It provides a text syntax for complex mathematical formulae. Learning Environment stores equations entered in LaTeX format as MathML to ensure consistency and accessibility.

Graphical Editor

The Graphical Editor is a Java-based application that features a tool bar equipped with a selection of buttons. This tool bar provides the necessary elements to construct your equations quickly and easily. Each button in the Equation Editor tool bar opens a palette of related mathematical symbols.

Review the following steps prior to using the Graphical Editor:

Palettes in the Graphical Editor

Icon Name Description

Layout Palette

Add a template for building equations. Use the Text box function to add text to your equation.

Accents Palette

Add Accents above text fields.

Fences Palette

Add Fences such as brackets and vertical bars around text fields.

Trigonometry Palette

Add a template for building Trigonometry equations.

Calculus Palette

Add a template for building Calculus equations.

Matrices Palette

Update or add Matrices to equations.

Arrows Palette

Update or add Arrows to equations.

Operators Palette

Update or add Operators to equations.

Comparison Operators Palette

Update or add Comparison Operators to equations.

Set Theory Palette

Update or add Set Theory Operators to equations.

Logical Operators Palette

Update or add Logical Operators to equations.

Lowercase Greek Palette

Update or add Lowercase Greek characters to equations.

Uppercase Greek Palette

Update or add Uppercase Greek characters to equations.

Algebra Palette

Add a template for building Algebra equations.

Tools Palette

Cut, Copy, Paste, Undo, Zoom in, and Zoom out.

Keyboard shortcuts available in the Graphical Editor

Using the Equation Editor

Access the Equation Editor

In the HTML Editor, click the Insert Equation icon.

Create an equation

  1. Enter a Title for your equation.
  2. Choose the Math Format you want to use and click Apply. If you choose to switch formats, you must recreate your equation in the new format since the Equation Editor cannot convert your equation to another format.
  3. Enter your equation and click Insert.

Edit an equation

  1. Select the equation that you want to edit by clicking on the box with a capital sigma sign.
  2. Click Insert Equation.

  3. Make the changes you want to your equation. If you choose to switch formats, you must recreate your equation in the new format since the Equation Editor cannot convert your equation to another format.
  4. Click Insert to update your equation.

Delete an equation

  1. In the HTML Editor, click on the equation that you would like to delete.
  2. Press the Delete or Backspace key to remove the equation.

 

Desire2Learn Help | About Learning Environment