...
Using an HTML Document in the Content area
Adding instructions for an assignment, quiz, etc.
Adding a description for a file, link, video, etc.
Posting a Discussion topic or reply
Sending Emails from your Classlist
Editing widgets from your course homepage
...
Text Formatting
...
Strikethrough,
...
Superscript,
...
title | Click here to see the steps for bolding, italicizing, and underlining |
---|
Highlight the text you want to format, then click Bold, Italic or Underline buttons.
Strikethrough, Superscript, or Subscript textor Subscript text
While bold, italic, and underline are easily accessible, there are additional text format options available.
Expand |
---|
title | Click here to see the steps for strikethrough, superscript, and subscript |
---|
|
Highlight the text you want to format, then click the arrow next to Underline Select strikethrough, superscript, or subscript from, the drop-down menu.
|
...
Expand |
---|
title | Click here to see how to add and change headings |
---|
|
To add a heading style: Click the format drop-down menu (set to Paragraph by default) Image RemovedImage AddedSelect a Heading style (H1, H2, H3, etc.) from the drop-down menu.
|
Font Colour
Text can be changed to any colour. Please keep in mind Accessibility and UDL Principles if you’re changing text colour.
Expand |
---|
title | Click here to see how to change font colour |
---|
|
Highlight the text you want to format, then click the Select Colour button to open the Select a Colour window. Image RemovedImage AddedSelect a font colour or enter a hex value.
|
Changing Text Alignment
Users are able to manipulate the alignment of the text based on their needs.
Expand |
---|
title | Click here to see how to manipulate text alignment |
---|
|
Place your cursor where you want to align the text, or highlight the text you want to format. Click the alignment button Image RemovedImage AddedSelect an alignment option from the menu.
|
Add a Bulleted or Numbered List
The list tool allows for the creation of different lists. Users also have the ability to increase and decrease the indent on listed items to align them with other sections.
Expand |
---|
title | Click here to see the steps to adding a list |
---|
|
Place your cursor where you want to create a list, or highlight the text you want to format. Click the Bulleted list button Image RemovedImage Added Select the Bulleted list or Numbered list from the drop-down menu. You can also increase or decrease the indent of listed items from this menu.
|
...
Additions in the Text Editor
Add Page Dividers
Page dividers can be a helpful tool to separate blocks of text or varying pieces of content.
Expand |
---|
title | Click here to see the steps to adding a Page Divider |
---|
|
Place your cursor where you want to add a divider. Click the other insert options button Image RemovedImage AddedSelect Divider from the drop-down menu.
|
Add Emojis
While some may not consider them “professional”, emojis and similar symbols add a small visual element to what could otherwise be a bland text block of content.
Expand |
---|
title | Click here to see how to add emojis |
---|
|
Add EmojisIn the Brightspace editor, place your cursor where you want to insert an emoji. Click the other insert options icon in the editor Image RemovedImage AddedSelect Emojis from the drop-down menu.
In the Emojis pop-up, select an emoji.
|
...
Insert Code Snippets in the Brightspace Editor
With coding knowledge, users can spice up their content with various learning objects and content-structuring not normally supported by the basic Brightspace text-editor.
Expand |
---|
title | Click here to see how to add code snippets |
---|
|
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. Image RemovedImage AddedSelect Insert Code from the drop-down menu. Once you select Insert Code from the menu, a source code editor will open in place of the text editor. Image RemovedImage AddedAdjust your display settings: Select your coding language from the drop-down menu in the top right-hand corner. Click on the bullet icon to enable or disable line numbering. Toggle between dark mode and light mode using the moon/sun icon.
Enter your code the same as you would in a source code editor. Click on the code snippet to edit it after it has been inserted into the text editor Click the checkmark to save and insert the snippet into the HTML Editor.
|
Insert Symbols
Symbols include special characters such as currency, Latin, arrows, and more.
Expand |
---|
title | Click here to see how to add symbols |
---|
|
In the Brightspace editor, place your cursor where you want to insert a symbol. Click the other insert options icon in the editor Select Symbols from the drop-down menu. In the Special Character pop-up, select the symbol you want to.
|
...
Inserting an Image in the Brightspace Editor
Images can be a great way to break up text in a content space, as well as providing visual aid to learning material. Please add alternative text if the image isn’t decorative.
Expand |
---|
title | Click here to see how to add images |
---|
|
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 Image RemovedImage AddedChoose 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.
|
...
Expand |
---|
title | Click here to see how to add Quicklinks |
---|
|
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. Image RemovedImage AddedA 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.
|
Insert Media Library Video/Audio Files
The Media Library can be accessed from the cog icon next to one’s profile in the top right hand corner of Brightspace. all manner of multimedia can be uploaded there.
...
Expand |
---|
title | Click here to see how to insert Media Library Video/Audio Files into the text editor. |
---|
|
Access the Brightspace Editor you wish to add your media to. Click the Insert Stuff button in the Editor toolbar Image RemovedImage AddedIn the Insert Stuff pop-up window, select where you will be uploading your media from. Click Save or Publish to make your media visible to students.
|
Insert a File from Your Computer
It is possible to embed certain files from your computer directly into the text-editor. This is done with use of the Insert Stuff tool.
Expand |
---|
title | Click here to see how to 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 Image RemovedImage AddedIn the Insert Stuff pop-up window, select My Computer. Click Choose file, then select a file from your computer. Click Upload.
|
...