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.
Video: Making Use of the HTML Editor
The Brightspace Editor allows you to:
Format text
Add Headers
Embed multi-media
Add bullets, numbering, horizontal lines, and alignment
Add equations, symbols and emojis
Accessing the Brightspace Editor
The Brightspace editor appears in multiple tools and content areas within your Brightspace course. Below are some examples of where you can access the editor:
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
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.
4. Once you select Insert Code from the menu, a source code editor will open in place of the text editor.
5. Adjust 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.