How to add text in the Editor

The HTML Editor integrates with all Brightspace Learning Environment tools that have HTML content creation capabilities. For example, the HTML Editor is available when you add discussion thread topics, compose a new message and submit an assignment.

In this article, you will learn:

How to add text

1. Enter a subject

2. Click on the three dots icon on the top right corner of the text box

HTML window

This will open more options in the formatting toolbar

Explanation of the toolbar

1. Media icons

On the left side of the top bar in the Editor box, there are three icons

  • Insert Stuff -  to insert media (including audio and video) files from a variety of sources
  • Insert Image -  to insert an image
  • Insert Quick links - to insert a quick link of a resource inside Learning Environment

For more inserting options,

1. Click on the downward arrow, a drop-down menu will appear

Media icons on the top left corner of the bar
  • Insert Symbol - to add symbols or other special characters
  • Insert Line - to add a horizontal line separating paragraphs
  • Insert Emoticon - to add an emoticon

2. Formatting icons

There are several text formatting options 

Formatting tool bar
1. Text style

1. Click on downward arrow next to Paragraph, a drop-down menu will appear choose the style of the text

Click on the downward arrow to choose text style
2. Typographical emphasis

You can format your text using a typographical emphasis

  • Bold -  to make the selected text bold
  • Italic - makes the selected text italic
  • Underlined - Underlines the selected text


1. Click on the downward arrow next Underline icon, a drop-down menu will appear with more typographical emphasis options

Click on downward arrow next to underline icon
3. Paragraph format

There are three icons, from left to right,

  • Increase indentation - to increase the space between the left and right margin of a paragraph
  • Decrease indentation - to decrease the space between the left and right margin of a paragraph
  • Bullet points - to show a new part of a list

For further options such as numbered enumeration and text alignment

1. Click on the downward arrow next to the Bullets symbol, a drop-down menu will appear

Click on the downward arrow for further paragragh format options
4. Font

Choose a font for your text,

1. Click on the downward arrow to choose your font

Click on downward arrow to choose your font
5. Font size

Choose a font size for your text,

1. Click on the downward arrow to choose your font size

Click on downward arrow to choose your font size
6. Font colour

Choose a font colour,

1. Click on the downward arrow

Click on downward arrow to choose font colour

This action will open a pop-up window,

2. Select a colour

3. Click on the blue button Save

Select a colour, then click on the blue button save
7. Table and properties

To Insert a Table,

1. Click on the Table icon, choose the number of row and columns

Click on Table icon to choose number of rows and columns

For editing and further table properties,

2. Click on the downward arrow next to the Table icon, a drop-down menu will appear

Click on downward arrow to Edit Table properties

3. Extra components

After clicking on the three dots, extra components will appear on the left side of the bottom bar in the Editor. There are four icons, 

Extra components
1. Equations

1. Click on Sigma icon (Σ), for Graphical Equations

Click on Sigma icon, for Graphical Equation

This launches the Graphical equation, a pop-up window will appear

2. Insert Equation

3. Click on the blue button Insert

Insert Graphical Equation

4. Click on downward arrow, a drop-down menu will appear - choose equation type

Click on downward arrow to choose equation type
2. Reversibility

1. Click on the arrow to Undo the last action

2. Click on the downward arrow to Redo the last action

Click on arrow to Undo, and click on downward arrow to redo
3. Cut and Copy

1. Click on the scissors icon to Cut (copies and deletes the selected content to the clipboard)

2. Click on document sheets to Copy the selected content to the clipboard

Click on scissors to cut, and document sheets to copy

.

Now you know how to add text in the Editor tool in Brightspace!

Want to know more about the Editor?

Please visit: