Teaching Commons > Teaching Guides > Technology > Desire2Learn > Tools > More Tools > HTML Editor

HTML Editor

The HTML editor in D2L appears in a number of instances: when creating or editing new pages in Content , sending emails from the Classlist, creating and editing News items, and creating and editing widgets from the Course Home. In addition, it appears when adding instructions to submission folders, quizzes, and discussion topics and forums. 

Insert a Link 

There area two types of Quicklinks in the HTML editor: external links to websites outside of the D2L course and relative links to other parts of the D2L course site.

Insert a Link to an External Website

  1. Select the location for the link within an html text box.
  2. Select the Insert Quicklink icon [A].
    insert a quicklink
  3. A pop-up window will open. Select URL from the list.
  4. Enter the link in the “URL” field.
  5. Enter the text to be displayed in the "Title" field.
  6. Choose how the link should open. To ensure that the course is accessible to all users, the best practice is to choose "Same Frame."
  7. Select Insert.

Insert a Link to an Item in a Course Site

  1. Select the location for the link within the textbox.
  2. Select the Insert Quicklink icon.
  3. Choose the type of activity from the options on the list.
    • Select Submissions to select the folder from the list of existing folders.
    • Select Discussions to select a forum, then select the topic from the list of existing topics.
    • Select News to select the news item from the list of existing items.
    • Select Self-Enrollment Groups to select a group for students to enroll in from the list of existing self-enrollment group categories.

Insert an Image

  1. Select where to place the image within the HTML textbox.
  2. Select the Insert Image button [A].
    insert an image
  3. Choose the image location:
    • If the image is on the computer, select the Upload button. Choose the file from the computer, then select Add.
    • If the image is located on the web, select URL. Enter or paste the web address for the image, then select Add button.
  4. To ensure that the image is accessible to all users enter descriptive text for your image. Only select "This image is decorative" if the image contains no information valuable to the student.
  5. Select OK.

Add Headings

  1. Highlight the text to format.
  2. Select the dropdown arrow next to "Paragraph," then select the heading style to apply. The text will be changed to this heading style.

Note: If the Paragraph dropdown menu is not immediately visible in the ribbon of options, select the icon to display all of its buttons.


Embed YouTube Videos and Other Content

These instructions are for embedding a video hosted on an external website, such as YouTube or Ooyala. This procedure can also be used to embed other content in D2L, such as Twitter feeds and calendars, as long as the site provides a secure embed code. To embed a local video file, refer to the  Panopto guide.

  1. Copy the embed code from the host site.
  2. Select the Insert Stuff icon [A].
    insert stuff in a text box
  3. Choose Enter Embed Code.
  4. Paste the copied embed code.
  5. Select the Next button.
  6. Select the Insert button.

Note: An embed code is HTML code that can be added to the course site to display content stored in an external website. The embed code will be located in different places depending on which website is hosting the content.