Instructor: Using the HTML Editor

The HTML editor bar works similarly to word processing programs, except the end result is a webpage rather than a document.

You can access it in Content by selecting Upload/Create and choosing Create a File. You can also access it when adding a description to a module. Learn more about the HTML editor by visiting our HTML editor help page.

Note: HTML editors exist in every tool: Module & Topic descriptions, Discussion Topic descriptions, Quiz descriptions, Quiz questions, Assignment instructions, email body, and so forth.

1. Create: Add media from a variety of sources

Use the Insert Stuff button to embed content, typically a Panopto or other video or audio file.

If you use insert stuff to insert media, it will appear within D2L, rather than link students out to Panopto or a different website.

  1. Select the Insert Stuff icon. Image highlighting the updated Insert Stuff icon


  2. Select what you want to insert from the menu. You can choose to insert files from your computer, from course or shared files, or from external sources. Menu for Insert Stuff with last item - Panopto - highlighted


  3. Follow the directions, and select either Upload (for files from your computer) or Insert (all other sources).

2. Create: Add images 

Use the Insert Image tool to insert a picture into the webpage.

  1. Select the Insert Image button. Image highlighting the updated Insert Image icon


  2. Choose the place where the image is stored. If using images from your computer, click the Upload button or drag the file into the box.  Screenshot of the Add a File box.


  3. Select Add.
  4. Follow the instructions to either provide alternative text for your image or mark it as decorative. Alt text allows participants with visual impairments to navigate your content. Some tips for 'alt text'.

3. Create: Add links

Use the Insert Quicklink tool to insert links to course material or external websites.

  1. Highlight the text, image, or symbol on the page that you want to turn into a link.
  2. Select the Insert Quicklink button. Image highlighting the updated Insert Link icon


  3. If you want to link to course content: select the appropriate tool, choose your content, and select the Insert button. Screenshot of the Insert Quicklink menu options.


  4. If you want to link to a webpage: scroll to the bottom of the list and select URL.
  5. In the URL box, paste or type the link.
  6. In the Title box, include a description of the link. If you highlighted text in step 1, the text will automatically populate the Title.
  7. Choose how you want the link to open. New Window opens the page full-screen, but in a new tab, allowing students to have D2L and the new page open at the same time. This is the recommended option, as other options make it difficult to navigate back to your content after opening the link.
  8. Click Insert.

4. Copy: Copy text from Microsoft Word

Copy/Paste text from Word files into a webpage.

  1. Highlight the text you want to copy and select Ctrl-C (Command-C on a Mac) to copy.
  2. In the HTML Editor, select the place where you want to paste the text. Select Ctrl-V or Command-V to paste it in.
  3. Select Remove FormattingScreenshot of paste formatting options: remove or keep formatting.

Note: To understand more about issues with styles and formats when copying, including why we highly recommend to select Remove Formatting, check out this blog post by technical writer Shauna Kelly.

Back to Top