Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Expand
titleClick here to see the steps for strikethrough, superscript, and subscript
  1. Highlight the text you want to format, then click the arrow next to Underline

    Underline drop-down menuImage Modified

  2. Select strikethroughsuperscript, or subscript from, the drop-down menu.

...

Expand
titleClick here to see how to add and change headings

To add a heading style:

  1. Click the format drop-down menu (set to Paragraph by default) 

    Image RemovedFormat buttonImage Added

  2. Select a Heading style (H1, H2, H3, etc.) from the drop-down menu.

...

Expand
titleClick here to see how to change font colour
  1. Highlight the text you want to format, then click the Select Colour button to open the Select a Colour window.

    Font Colour buttonImage Modified

  2. Select a font colour or enter a hex value.

    Font Colour menuImage Modified

Changing Text Alignment

...

Expand
titleClick here to see how to manipulate text alignment
  1. Place your cursor where you want to align the text, or highlight the text you want to format.

  2. Click the alignment button 

    Alignment buttonImage Modified

  3. Select an alignment option from the menu.   

    Brightspace Text-Editor with text-alignment options highlightedImage Modified

Add a Bulleted or Numbered List

...

Expand
titleClick here to see the steps to adding a list
  1. Place your cursor where you want to create a list, or highlight the text you want to format.

  2. Click the Bulleted list button 

    Bulleted list buttonImage Modified
  3. 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.

    Brightspace Text-Editor with list options highlightedImage Modified

...

Additions in the Text Editor
Anchor
Additions
Additions

...

Expand
titleClick here to see the steps to adding a Page Divider
  1. Place your cursor where you want to add a divider.

  2. Click the other insert options button 

    Other insert options buttonImage Modified
  3. Select Divider from the drop-down menu.

    Brightspace Text-Editor with Divider highlightedImage Modified

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
titleClick here to see how to add emojis

Add Emojis

  1. In the Brightspace editor, place your cursor where you want to insert an emoji.

  2. Click the other insert options icon in the editor

    Other insert options buttonImage Modified
  3. Select Emojis from the drop-down menu.

    Brightspace Text-Editor with Emoji highlightedImage Modified
  4. In the Emojis pop-up, select an emoji.

    Emojis menuImage Modified

Add Equations

...

Expand
titleClick here to see how to add equations
  1. Access the text-editor you wish to create an equation in.

  2. Click the other insert options icon in the editor

    Image RemovedOther insert options buttonImage Added
  3. Click the Equation icon to see the equation options.

    Brightspace Text-Editor with Equation highlightedImage Modified
  4. From the Equation drop-down list, do one of the following:

    • To insert a graphical equation, click Graphical equation.

    • To insert a LaTeX equation, click LaTeX equation

    • To insert a MathML equation, click MathML equation.

    • To insert a chemistry equation, click Chemistry equation.

      Brightspace Text-Editor with the Equation options highlightedImage Modified
  5. In the Insert Equation window, enter your equation using keyboard characters and your cursor to select symbols from the tabs.

    Insert Equation WindowImage Modified
  6. Click Insert.

  7. Click Save or Publish or Update to save your work. The options will vary depending on which tool you are using the Text Editor within.

...

Expand
titleClick here to see how to add code snippets
  1. Access the Brightspace Editor and place your text cursor in the spot where you wish to create a code snippet.

  2. Click the Other Insert Options icon  in  in the editor toolbar.

    Other insert options buttonImage Modified
  3. Select Insert Code from the drop-down menu.

    Brightspace Text-Editor with Insert Code highlightedImage Modified
  4. Once you select Insert Code from the menu, a source code editor will open in place of the text editor.

    Insert Code windowImage Modified
  5. Adjust your display settings:

    1. Select your coding language from the drop-down menu in the top right-hand corner.

    2. Click on the bullet icon to enable or disable line numbering.

    3. Toggle between dark mode and light mode using the moon/sun icon.

  6. Enter your code the same as you would in a source code editor.

  7. Click on the code snippet to edit it after it has been inserted into the text editor

  8. Click the checkmark to save and insert the snippet into the HTML Editor.

...

Expand
titleClick here to see how to add symbols
  1. In the Brightspace editor, place your cursor where you want to insert a symbol.

  2. Click the other insert options icon in the editor

    Other insert options buttonImage Modified
  3. Select Symbols from the drop-down menu.

    Brightspace Text-Editor with Symbols highlightedImage Modified
  4. In the Special Character pop-up, select the symbol you want to.

    Special Character menuImage Modified

...

Embed Multimedia
Anchor
EmbedMultimedia
EmbedMultimedia

...

Expand
titleClick here to see how to add images
  1. Access the Brightspace Editor you wish to add the image to.

  2. Move your cursor to the location in the Brightspace Editor textbox where you would like to place the image.

  3. Click the Insert Image button in the Editor toolbar 

    Insert image buttonImage Modified
  4. 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.

  5. 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.

  6. Select OK.

  7. Click Save or Publish or Update to save your work.

...

Expand
titleClick here to see how to add Quicklinks
  1. Access the Brightspace Editor you wish to add the Quicklink to.

  2. Select the location for the link within the Brightspace editor textbox.

  3. Click the Insert Quicklink icon on the Editor toolbar.

    Quicklink buttonImage Modified
  4. A pop-up window will open with two categories: Course Materials and Third Party.

    Insert Quicklink menuImage Modified

  5. Select the course item you wish to insert into your HTML Editor.

  6. The pop-up window will close and a URL will be generated to link.

  7. Continue to edit your content in the Brightspace Editor.

  8. Click Save or Publish or Update to save your work. The options will vary depending on which tool you are using the Editor within.

...

Expand
titleClick here to see how to insert Media Library Video/Audio Files into the text editor.
  1. Access the Brightspace Editor you wish to add your media to.

  2. Click the Insert Stuff button in the Editor toolbar 

    Insert Stuff buttonImage Modified
  3. In the Insert Stuff pop-up window, select where you will be uploading your media from.

    Media Library highlighted in Insert Stuff menuImage Modified
    • To insert a video/audio file from Media Library:

      1.  Select Insert Media Library.

      2. Click the Embed button next to the video you want to upload.

      3. 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.

  4. Click Save or Publish to make your media visible to students.

...

Expand
titleClick here to see how to insert a file from your Computer
  1. Access the Brightspace Editor you wish to add the image to.

  2. Click the Insert Stuff button in the Editor toolbar 

    Insert Stuff buttonImage Modified
  3. In the Insert Stuff pop-up window, select My Computer.

  4. Click Choose file, then select a file from your computer.

  5. Click Upload.

Info

Wish to learn more about inserting media and the Insert Stuff tool?Check out: Insert Stuff

...

Panel
panelIconId1f517
panelIcon:link:
panelIconText🔗
bgColor#E3FCEF

...