HTML Editor Basics

There are multiple parts to the HTML editor. The upper toolbar of the HTML/WYSIWYG editor is very similar to the toolbar in most document editors, such as MS Word. If you do not see this full toolbar, click the [...]icon on the far right of the window. Text can be copied and pasted from other sources (MS Word, Google Docs, etc.) with the formatting retained.

Shows the HTML editor window and toolbars.

Image Description
Insert options
Paragraph styling options
Text formatting options
Paragraph formatting options
More text formatting options
Font color options
Table formatting options
Equation editor
Undo/redo options
Editing options
Spellcheck, Accessibility check, HTML source editor, preview and fullscreen view

The editor has three options you can choose when viewing content found bottom right of the editing window:

View Description
Design view The design view loads automatically when the HTML Editor is accessed. Use this view to quickly create and format content without needing any prior knowledge of HTML. Enter your content and use the available controls to apply formatting to your text, insert images and tables, and create links.
Source Editor view Click the [</>] HTML Source Editor icon to display the source editor view. This view displays the code that structures and formats your content. Use this view if you have experience with HTML and prefer to author your content in HTML or want to apply styles from a cascading style sheet (CSS). If you have HTML-based content from another application, you can also copy and paste that code into the source editor view.
Preview Use the view to display a preview of your HTML content in a new window. This allows you to preview content and be sure that it displays as expected prior to saving any changes.