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 assignment 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

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

Insert a Link to an Item in a Course Site

Select the location for the link within the textbox.
Select the Insert Quicklink icon.
Choose the type of activity from the options on the list.

Select Assignments 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

Select where to place the image within the HTML textbox.
Select the Insert Image button A.
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.
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.
Select OK.

Add Headings

Highlight the text to format.
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

These instructions are for embedding a YouTube video.

Select the Insert Stuff icon A.
Choose YouTube A.
.
Search for the YouTube video you would like to embed. You can copy and paste the link, search with the author's name, or search with the name of the video. A
Once you have found the video you want, click on the image of the video. A
Click insert A to place your video in your class.

Note: There are other types of content listed in the Insert Stuff dropdown. The process for inserting these other elements is similar to the ones here.

Embedding Video and Other Content

These instructions are for embedding a video hosted on an external website, when you have copied the embed code. 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.

Copy the embed code from the host site.
Select the Insert Stuff icon A.
Choose Enter Embed Code.
Paste the copied embed code.
Select the Next button.
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.