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.
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 insert media, it will appear within D2L, rather than link students out to Panopto or a different website.
- Select the Insert Stuff icon.
- 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.
- 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.
- Select the Insert Image button.
- 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.
- Select Add.
- Follow the instructions to either provide alternative text for your image or mark it as decorative. This will allow 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.
- Highlight the text, image, or symbol on the page that you want to turn into a link.
- Select the Insert Quicklink button.
- If you want to link to course content: select the appropriate tool, choose your content, and select the Insert button.
- If you want to link to a webpage: scroll to the bottom of the list and select URL.
- In the URL box, paste or type the link.
- In the Title box, include a description of the link. If you highlighted text in step 1, the text will automatically populate the Title.
- 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.
- Click Insert.
4. Copy: Copy text from Microsoft Word
Copy/Paste text from Word files into a webpage.
- Highlight the text you want to copy and select Ctrl-C (Command-C on a Mac) to copy.
- In the HTML Editor, select the place where you want to paste the text. Select Ctrl-V or Command-V to paste it in.
- Select Remove Formatting.