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

HTML Editor

D2L's HTML editor appears whenever creating or editing new pages in the Content area, emails in the Classlist area, items in the news area, and widgets for your course home page. In addition, it appears when adding instructions to submission folders, quizzes, and discussion topics and forums. 

Inserting 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 your link by either highlighting some text, selecting an image, or placing your cursor on the page where the link will appear.
  2. Click the Insert Quicklink icon. 
    quicklinks in HTML editing
  3. A pop-up window will open. Select URL from the list.
    quicklinks-selext URL from the popup
  4. Enter the website’s address in the “URL” field.
  5. Enter the text you want 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 your Course Site

  1. Select the location for your link by either highlighting some text, selecting an image, or placing your cursor on the page where the link will appear.
  2. Select the Insert Quicklink icon.
  3. Choose the type of activity from the options on the list.
    • Choose Submissions to select the folder from the list of existing folders.
    • Choose Discussions to select a forum, then select the topic from the list of existing topics.
    • Choose News to select the news item from the list of existing items.
    • Choose Self-Enrollment Groups to select a group for students to enroll in from the list of existing self-enrollment group categories.

Inserting an Image

  1. Place your cursor where you want to the image to appear within the HTML editor.
  2. Select the Insert Image button.
  3. Choose the image location:
    • If the image is on the computer, select the Upload button. Choose the file on your 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.

Adding 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.

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

Embedding 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 an secure embed code.

To embed a local video file, refer to the Panopto guide.

  1. Copy the embed code from the site where it's hosted.
  2. Select the Insert Stuff icon.
  3. Choose Enter Embed Code.
  4. Paste the copied embed code.
  5. Select the Next button.
  6. Select the Insert button.

An embed code is HTML code that you can add to your course site to display content stored in an external website. The embed code will be located in different places depending on which website is ho​sting the content.