HTML Editor

Users Guide | Return to Tutorial List

 

 

 

The HTML Editor in the D2L system allows you to create HTML content from within D2L, and it is available in most areas of D2L that require you to input text. You can use it to create course content, post discussion messages, create articles, and many other tasks.


The HTML Editor will load in the page in any location where it is available to you and/or your students.

 

SAFARI USERS: You will still be using the older HTML editor rather than the one pictured below. The functionality is very similar but it does look different.

 

HTML Editor Tabs

The HTML Editor has two tabs:

 

Basic- The Basic tab of the HTML Editor allows you to easily create and format content, without any knowledge of HTML. Simply type your content and use the available icons to apply formatting to your text, insert images and tables, and create links. On the Basic tab, you can format text with Bold, Italics, Underline as well as align text (left, center, right, justified) and create bullet and numbered lists.

 

Along the bottom are icons to view the HTML source, preview the page and edit in full screen mode.

 

    HTML editor basic - screenshot

 

Advanced - The Advanced Tab provides the same functions as the Basic tab plus many more. The complete list is below.

 

HTML editor - advanced - screenshot

 

 

HTML Editor Icons

Function Icon
Cut - Cuts the selected material and places it on the clipboard. Cut button
Copy - Copies the selected content to the clipboard and places it on the clipboard. icon
Paste - Pastes the content from the clipboard into the HTML editor where ever your cursor is currently located. There are three Paste options; Paste, Paste as Plain Text, Paste from Word HTML editor - pasteHTML editor -paste as plain textHTML editor - paste from Word
Undo / Redo - will Undo or Redo the last action you did in the HTML Editor. undo
Alignment - Aligns the selected paragraph to Left , Center, Right, or Justified. icon
Horizontal Rule - will place a line across the screen wherever your cursor is currently located. icon
Lists - Inserts a Numbered or Bulleted list.
Outdent / Indent - Moves the margin of the selected paragraph to the Left or Right. 		icon
Subscript- will make the selected text into Subscript. HTML editor - subscript
Superscript - will make the selected text into Superscript. HTML Superscript
Strikethrough - will put a line through the text that is currently selected. HTML editor - strikethrough text
Spellcheck - Checks the spelling of your content, but you must click Finish for the changes to take effect. HTML editor - spellcheck
Font Style - Applies the selected style to the selected text. HTML editor - font styles
Bold / Italic / Underline - Makes the selected text Bold, Italic or Underlined. HTML editor - text formatting buttons
Text Color - Changes the color of the selected text. HTML editor - text color
Insert Table - Inserts a Table at the current location of your cursor. HTML editor - insert table
Insert Object - Allows you to insert audio and video files, as well as flash animation at the current location of your cursor. HTML editor - insert media
Insert Image - Inserts an Image at the current location of your cursor. HTML editor - insert image
Insert Quicklink - Allows you to insert a link to a course file or external website. HTML editor - insert quicklink
Insert Symbol - Allows you to insert symbols and other special characters at the current location of your cursor. See the Available Characters HTML editor - insert custom character
Insert Equation - Launches the Equation Editor, allowing you to insert equations at the current location of your cursor. HTML editor - insert equation
Set Attributes - allows you to edit attributes for selected item/object/tab HTML editor - attributes button