How to Use the HTML Editor
The HTML Editor is a WYSIWYG (What you see is what you get) editor that allows users to quickly create or edit formatted online content without knowledge of HTML (Hypertext Markup Language).
The HTML Editor is available wherever a text area is found within ANGEL. For example, to access the Editor click the Files hyperlink in the Toolbox, click the Add Content hyperlink (located in the toolbar), click the Create a File hyperlink or icon, and click the HTML Editor hyperlink (located under the File Contents text area).
When you have finished editing your document using the Editor, click the Accept Changes button to return to the ANGEL editor page. Notice the Editor has placed HTML code in the content text area.
With the HTML Editor, you can perform common word processing tasks including the following:
| Setting | Icon | Description |
|---|---|---|
| Style |  |
Use the Style drop-down menu to apply a predefined cascading style (based on your ANGEL theme) to an element on your page. |
| Paragraph |  |
Use the Paragraph drop-down menu to apply a paragraph style to selected paragraphs. |
| Font |  |
Use the Font drop-down menu to apply a font to selected text. |
| Size |  |
Use the Size drop-down menu to adjust the size of selected text. |
| SpellChecker |  |
Use the SpellChecker tool to easily identify and replace misspelled words. |
| Clean HTML Content |  |
Use the Clean HTML Content tool to remove unneeded hypertext markup created when pasting content from Microsoft Office products. |
| Undo/Redo |  |
Use the Undo tool to “undo” one or more of the last performed edits. Use the Redo tool to “redo” one or more “undone” edits. |
| Clipboard |  |
Use the Clipboard tools to cut, copy, or paste text in your document. You can easily copy/paste text from an existing word processing document into the Editor. |
| Macro Manager |  |
The Macro Manager allows you to save and insert commonly used story problems, equations, images, form letter templates, etc. |
| Font Styles |  |
Use the Font Styles tools to add bold, italic, or underline formatting to selected text. |
| Horizontal Rule |  |
The Horizontal Rule option allows you to insert horizontal lines into the web page, in order to visually separate elements. |
| Insert Table |  |
The Insert Table option allows you to insert a table. |
| Insert Link |  |
The Insert Link tool allows you to create hyperlinks within your document. |
| Insert Image |  |
The Insert Image tool allows you to insert images into your document. |
| Apply Colors |  |
Use the Apply Colors tools to apply text color to selected text or to apply a highlight color to selected text. |
| Superscript/ Subscript |  |
The Superscript/Subscript options allow you to add superscript and subscript characters to equations or text. |
| Math Element |  |
The Math Element tool allows you to create many different types of equations. |
| Special Character |  |
The Special Character tools allow you to insert Math, Greek, Latin, and Hebrew special characters and symbols. |
| Paragraph |  |
Use the Paragraph Alignment tools to select right, center, left, or justify alignment for selected text. |
| Bullet List |  |
Use the Bulleted List option to create a bulleted list. |
| Numbered List |  |
Use the Numbered List option to create a numbered list. |
| Indent/Outdent
|
 |
Use the Indent Paragraph tools to decrease or increase the indentation of selected paragraphs. |
| Show/Hide Table Border |  |
Use the Show/Hide Table Border to show or hide zero pixel table borders (editing mode only). |
| Help |  |
Click the Help option, then click the icon for any HTML Editor tool to view pop-up context-sensitive help. |
| View Source |  |
Select the View Source checkbox to view the HTML source code for the current page. |