About Inserting Equations in the HTML Editor

Transcription

1 Page 1 of 5 About Inserting Equations in the HTML Editor The Equation Editor enables users to insert mathematical equations within the HTML Editor. It supports the input of MathML and LaTeX, and includes 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 the MathJax JavaScript engine to display MathML equations. Go to to learn more about MathJax features. 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. About the Graphical Equation Editor The Graphical Equation Editor is a Javascript-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. Before using the Graphical Editor: Ensure that you have installed the latest version of your internet browser and that you enable Javascript. Disable any software or browser settings that block pop-up windows.

2 Accessing the Equation Editor Page 2 of 5 In the HTML editor, click the dropdown next to the Epsilon symbol and select a format. Tabs in the Graphical Equation Editor Icon Name Description General tab Symbols tab Arrows tab Greek and letters tab Matrices tab Scripts and layout tab Decorations tab Big operators tab Calculus tab Add a template for building equations. Add and edit text in the equation using the Cut, Copy, Paste, Undo, Color, and other text editing function Add mathematical symbols to equations Update or add arrows to equations Update or add uppercase and lowercase Greek characters to equations Update or add matrices to equations Add scripts or layouts to build equations Add fences such as brackets and vertical bars around text fields Update or add big operators to equations Add a template for building Calculus equations

3 Keyboard shortcuts available in the Graphical Equation Editor Page 3 of 5 Use Ctrl + f to create a fraction. Use Ctrl + 9 to add round brackets. Use Ctrl + h to create superscript. Use Ctrl + j to create subscript. Use Ctrl + z to undo your last action. Use Ctrl + i to create an integral. Use Ctrl + > to enlarge text and Ctrl + < to shrink text. Create an Equation 1. Navigate to the HTML Editor where you want to create an equation. 2. From the Graphical equation drop-down list, do one of the following: To insert a graphical equation, click Graphical equation. To insert a MathML equation, click MathML equation. To insert a LaTeX equation, click LaTeX equation. 3. In the Insert Equation window, enter your equation. 4. Click Insert. Note: You may need to click on the Show all components icon to see the Equation Editor icon.

4 Page 4 of 5 An example of a graphical equation

5 Edit an equation Page 5 of 5 1. Navigate to the course item that contains the equation you want to edit. 2. From the context menu of the course item, click Edit HTML. 3. Inside the HTML Editor, click on the box with the capital sigma sign. 4. From the Graphical equation drop-down list, do one of the following: To edit the equation using the graphical equation format, click Graphical equation. To edit the equation using the MathML equation format, click MathML equation. To edit the equation using the LaTeX equation format, click LaTeX equation. Click the sigma sign and then select the format with which you want to edit the equation 5. Make your changes. 6. Click Insert > Update.