Add links, images, and media using the HTML Editor in D2L Brightspace

Overview

The HTML Editor is available across multiple tools in your D2L Brightspace course. The HTML Editor enables you to create HTML formatted content. For example, the HTML Editor is available when you post to a discussion topic, create comments for assignments, and more.

The HTML Editor toolbar is available for most text entry fields to add rich-text content. Some text entry fields may be limited to plain text only, such as specific quiz question types including, but not limited to: fill-in-the-blank and arithmetic questions.

Copy and paste content into the HTML Editor

You can copy and paste unformatted content into the HTML Editor. If you have already composed your content as text in another application (such as a word processor), you can use the Remove Formatting option to paste formatted content as plain text, or Keep Formatting to keep the source formatting (to the best of the system’s abilities).

Add a Quicklink

The Insert Quicklink option is available wherever the HTML Editor is present. You can insert a quicklink to a URL.

1. Place your cursor where you want the quicklink to appear in your content.
2. Select the Insert Quicklink icon. 
3. Enter the web site address into the Link field.
4. Enter the Title of the link.
5. Select whether you want the linked item to open in a New window or the Current window.
6. Select Insert.

Add an Image

The Insert Image option to add an image is available wherever the HTML Editor is present.

Add an image from your device

1. Place your cursor where you want the image to appear in your content.
2. Select the Insert Image icon.
3. Select the My Computer option.
4. Select Upload to select an image from your files, or drag-and-drop the file into the dotted box.
5. Navigate to the image file on your device and select it.
6. After the file has been uploaded to the Add a File window, select Add.
7. Enter alternative text to describe your image, or select the This image is decorative check box.
8. Select Ok.

Copy and paste an image from an external site/program

Note: If you get the message, “Local image paste has been disabled. Local images have been removed from pasted content” when pasting the image into the question, please save the image to your device, and then upload the image from your device into the HTML Editor using the process above.

Edit Image Properties

Within the HTML Editor, we have the option to edit an image in-line using Edit Image options. You can edit images that you have uploaded from your device, added from the course files, or pasted from an external program.

Add a Media File

The  Insert Stuff option to embed media files is available. Learn about inserting Kaltura MediaSpace media in related articles.

Add Kaltura MediaSpace media

1. Select the Insert Stuff icon.
2. Select the Kaltura MediaSpace option.
3. Select Embed next to the video.
4. Select Insert.

Accessibility Checker

The accessibility checker icon is available in the HTML Editor.  After you add content to the HTML Editor, you can click the checker to ensure that the HTML page conforms to WCAG and Section 508 accessibility standards. The checker indicates if the content is free of accessibility issues, or offers suggestions to fix them. Note that the accessibility checker does not check multiple files at the same time.