HTML Editor | 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.
This articles shows how to:
Adding text
Navigate to a text box, such as when writing a Discussion post.
To find out more about creating a discussion post, please visit: Discussions | How to access, create and respond to Discussion Threads
1. Enter a subject
2. Click on the three dots icon on the top right corner of the text box

This will open more options in the formatting toolbar
1. Formatting icons
There are several options to format your text

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

You can format your text using a typographical emphasis
- Bold - to make the selected text bold
- Italic - to make the selected text italic
- Underline - to make the selected text underlined
1. Click on the downward arrow next Underline icon

A drop-down menu will appear with more typographical emphasis options,
2. Choose one of the following typographical emphasis
- Strike-through - to make a presentation of words with a horizontal line through their centre
- Superscript - to make a character slightly above the normal line type
- Subscript - to make a character slightly below the normal line type

1. Click on the font colour icon

This action will open a pop-up window,
2. Select a colour
3. Click on the blue button Save

It is a paragraph formatting attribute that determines the appearance of the text in a whole paragraph
1. Click on the downward arrow next to the Bullets icon, a drop-down menu will appear

Text alignment options will appear,
2. Choose one of the following text alignment
- Left - to make the text aligned to the left
- Center - to make the text aligned to the center
- Right - to make the text aligned to the right
- Justify - to make the text aligned with letter-spacing so that the text falls flush with both margins
- Left to Right - to make the text aligned on the left-hand side ("Flush left")
- Right to left - to make the text aligned on right to left ("Flush right")
Right to the left can be useful when text is read in other languages such as Persian, Arabic and Hebrew. It can also be used to set off special text in English such as attributions to authors of quotes printed in books or text associated with an image to its right. It is often used when formatting tables of data.

It can be used to group a set of a related item, they can be ordered or unordered
1. Click on the downward arrow next to the Bullets icon, a drop-down menu will appear

List and indentation options will appear,
2. Choose one of the following indentation options
- Bulleted List - to make a group set of related items in no particular order
- Numbered List - to make a group set of related items in a specific order
- Increase Indent - to increase the distance between the text and left page margin
- Decrease Indent - to decrease the distance between the text and left page margin

2. Media icons and more
There are several media icons and more insert options within the Editor,

Enables you to insert media (including audio and video) files from a variety of sources
For more information, please visit: How to Insert Stuff
Enables you to insert a quick link to a resource inside Learning Environment
For more information, please visit: How to Insert a Quicklink
Enables you to insert an image
For more information, please visit: How to Insert an Image
Enables you to insert graphical equations
For more information, please visit: How to insert Graphical Equation
To Insert a Table,
1. Click on the downward arrow next to the table icon, a drop-down menu will appear

In the drop-down menu,
2. Hover over to Insert Table

For editing and further table properties,

For more inserting options,
1. Click on the downward arrow next to the plus sign, a drop-down menu will appear

Other insert options will appear,

-
Insert Attributes - add Title, ID, Class, Style, and Text Direction attributes to selected text without opening the Source Editor
-
Insert Divider - add a horizontal line separating paragraphs
-
Insert Emoji - add an emoticon
- Insert Symbol - add symbols or other special characters
3. Font Formatting Options
Choose a font for your text,
1. Click on the downward arrow to choose a font, a drop-down menu will appear

From the downward menu,
2. Select a Font

Choose a font size for your text,
1. Click on the downward arrow to choose your font size

From the drop-down menu,
2. Select a Font size

4. Extra components
The HTML Editor has four options to be able to view content,

The Accessibility Checker does not replace real-user testing, especially when having interactive activities that are imported to the course.
1. Accessibility Checker - to catch common accessibility issues on static HTML content and offer suggestions to help fix some issues on the spot
2. Word Count - to display the word count
3. Preview - to display the content and ensure that it displays as expected prior to saving any changes
4. Source Code - to display the source editor view, it displays the code that structures and formats the content
5. More options

- Undo and Redo icons - to reverse a mistake or to restore a previously done action
Now you know how to add text in the Editor tool in Brightspace!
Related topics
Want to know more about the Editor Brightspace?
Please visit: