| Table of Contents | ||||||
|---|---|---|---|---|---|---|
|
The Brightspace Editor integrates with all D2L Brightspace Learning Environment tools that have HTML content creation capabilities. For example, the HTML Editor is available when you edit discussion topics, create custom instructions for assignment folders, create ePortfolio artifacts, create content topics, or create webpages.
...
Example of a Brightspace Editor:
...
Format Text
Bold, Italicize, or Underline text
Highlight the text you want to format, then click Bold, Italic or Underline buttons
Strikethrough, Subscript, or Superscript text
Highlight the text you want to format, then click the strikethrough button
...
, or click the arrow to access the subscript, or superscript options
Select strikethrough, subscript, or superscript from, the drop-down menu.
Change Font Colour
Highlight the text you want to format, then click the Select Colour button
...
button to open the Select a Colour window.
Select a font colour or enter a hex value.
...
Add Bullets, Numbering, Horizontal lines, and Alignment
Change Text Alignment
Place your cursor where you want to align the text, or highlight the text you want to format.
Click the alignment button
...
Select an alignment option from the menu.
...
Add a Bulleted List
Place your cursor where you want to create a bulleted list, or highlight the text you want to format.
Click the bulleted list button.
...
Add a Numbered List
Place your cursor where you want to create a numbered list, or highlight the text you want to format.
Click the drop-down arrow next to the bulleted list button
Select Numbered list from the drop-down menu.
...
Add Horizontal Lines (Page Breaks)
Place your cursor where you want to add a horizontal line.
Click the other insert options button
...
Select divider from the drop-down menu.
...
Add Equations, Code Snippets, Symbols, and Emojis
Insert Equations in the Brightspace Editor
The Graphical Equation Editor enables users to insert mathematical equations within the Brightspace Editor. It supports the input of MathML, LaTeX, graphical, and chemistry equations.
Access the editor you wish to create an equation in.
Click the graphical equation icon in the editor toolbar.
Click the drop-down arrow next to the graphical equations button
From the Graphical equation drop-down list, do one of the following:
To insert a graphical equation, click Graphical equation.
To insert a chemistry equation, click Chemistry equation.
To insert a MathML equation, click MathML equation.
To insert a LaTeX equation, click LaTeX equation.
...
In the Insert Equation window, enter your equation using keyboard characters and your cursor to select symbols from the tabs.
Click Insert.
Click Save or Publish or Update to save your work. The options will vary depending on which tool you are using the Brightspace Editor within.
You have now inserted an equation into the Brightspace Editor.
Insert Code Snippets in the Brightspace Editor
Access the Brightspace Editor and place your text cursor in the spot where you wish to create a code snippet.
Click the Other Insert Options icon in the editor toolbar.
...
3. Select Insert Code from the drop-down menu.
...
8. Click the checkmark to save and insert the snippet into the HTML Editor.
Insert Symbols
In the Brightspace editor, place your cursor where you want to insert a symbol.
2. Click the other insert options icon in the editor
...
4. In the Special Character pop-up, select the symbol you want to
...
Add Emojis
In the Brightspace editor, place your cursor where you want to insert an emoji.
2. Click the other insert options icon in the editor
...
4. In the Emoticons pop-up, select an emoji.
...
Add Heading Styles
Use heading styles to structure your text and make your content more accessible for students using screen readers.
To add a heading style:
Click the format drop-down menu (set to Paragraph by default)
...
Select a Heading style (H1, H2, H3, etc.) from the drop-down menu.
Embed Multimedia
Inserting an Image in the Brightspace Editor
Access the Brightspace Editor you wish to add the image to.
...
Move your cursor to the location in the Brightspace Editor textbox where you would like to place the image.
Click the Insert Image button in the Editor toolbar
...
Choose the image location:
If the image is on the computer, select the My Computer button. Choose the file from your computer and drag and drop it on the designated area or click Upload to select the image from your computer, click the selected image and then click Add.
If the image is located on the web, select URL. Enter or paste the web address for the image, then click Add.
If the image is located within the course, select the Course Offering Files. Choose the file from your course files, then click Add.
Once you click Add, the system will prompt you to add an alternative text for the image selected. To ensure that the image is accessible to all users, enter a short description of it on the field Alternative Text or check the ‘This image is decorative’ box if it is a decorative image.
Select OK.
Click Save or Publish or Update to save your work.
You have now inserted an image within the Brightspace Editor.
...
NOTE: It is recommended to use the Quicklink tool instead of copying and pasting a URL link. Quicklinks will continue to work if your content is exported or copied to another course. |
To insert a Quicklink:
Access the Brightspace Editor you wish to add the Quicklink to.
...
Select the location for the link within the Brightspace editor textbox.
Click the Insert Quicklink icon on the Editor toolbar.
...
A pop-up window will open with two categories: Course Materials and Third Party.
Select the course item you wish to insert into your HTML Editor.
The pop-up window will close and a URL will be generated to link.
Continue to edit your content in the Brightspace Editor.
Click Save or Publish or Update to save your work. The options will vary depending on which tool you are using the Editor within.
You have now inserted a link to a content item within the Brightspace Editor.
...
When pasting a URL directly into a Brightspace Editor, the default “target” (i.e. how it opens) will be to open in the same window. It is possible to edit this setting to make links open in a new window. To do this for a link you have pasted into a Brightspace text editor:
Click on the URL (this will not open the link, it will just select it).
Click the Insert Quicklink icon in the toolbar . An Insert Quicklink pop-up window will open.
Under Target, select New Window.
Click Update.
Your link will now automatically open in a new window when clicked.
Insert MediaSpace Video/Audio Files
Access the Brightspace Editor you wish to add your media to.
...
Click the Insert Stuff button in the Editor toolbar
...
In the Insert Stuff pop-up window, select where you will be uploading your media from.
To insert a video/audio file from MediaSpace:
Select Insert MediaSpace.
Click the Embed button next to the video you want to upload.
You will see a preview of your selected media. Click Insert to embed your media into the HTML editor or Back to make changes to your selection. Your media will automatically appear in the HTML editor.
Click Save or Publish to make your media visible to students.
Insert a File from Your Computer
Access the Brightspace Editor you wish to add the image to.
...
Click the Insert Stuff button in the Editor toolbar
...
In the Insert Stuff pop-up window, select My Computer.
Click Choose file, then select a file from your computer.
Click Upload.