What is the Text Editor Toolbar?

The text editor toolbar is available on a range of tools within Ultra courses that utilise a what you see is what you get (WYSIWYG) text editor.

Why would I use the Text Editor Toolbar?

The text editor toolbar enables you to insert content as well as providing the user with options to provide a range of formating on the text.

List of functions

The following table provides a list of the functions that each button and drop down list provides

ToolPurpose
Text style button and drop-down list circled

Text style button drop down list options for the selected text.:

  • Title
  • Header
  • Subheader
  • Paragraph

Tip: To improve the accessibility of your text ensure that you use the the text style options in order from top to bottom.

Font button plus drop-down list circled

Font button drop down list options for the selected text:

  • Arial
  • Comic Sans MS
  • Courier New
  • Noto
  • Open Sans
  • Times New Roman
  • Verdana
Font size button plus drop-down list options circled

Font size drop down list options for the selected text:

  • 10
  • 12
  • 14
  • 18
  • 24
  • 36
  • 48
Colour picker button plus drop-down list options circled

Colour picker drop down list options for the selected text:

  • Black
  • Grey
  • Purple
  • Blue
  • Green
  • Red

Note: Colour options are limited in Ultra courses for improved accessibility.

Bold, italic and underline buttons

In order, from left to right:

  • Bold the selected text.

  • Italicise the selected text.

  • Underline the selected text.

Text options, strikethrough, superscript, subscript and code snippet buttons circled

Text Options, from left to right:

  • Strikethrough the selected text
  • Superscript the selected text
  • Subscript the selected text
  • Code snippet
create or edit table button plus drop-down options list circledCreate or edit a table plus size selector
Table options circled

Table options from left to right:

  • Insert column to left of currently selected column
  • Insert column to right of currently selected column
  • Delete currently selected column
  • Insert row above the currently selected row
  • Insert row below the currently selected row
  • Delete currently selected row
  • Delete table
  • Header row checkbox
  • Header column checkbox

 

Tip: A Header row and if applicable a Header column should be used on all tables. Accessible tables need HTML markup for header cells and data cells, as well as for defining their relationship. Assistive technologies use this information to provide context for users.
Alignment options button plus drop-down list options circled

Alignmnet options drop down list options for the selected text:

  • Left-align
  • Centre
  • Right-align
  • Justify

Note: Alignment options do not apply to Images inserted into the textbox.

Lists button, bulleted list, numbered list, line height options, left-right and right-left buttons circled

Lists, from left to right:

  • Bulleted list
  • Numbered list
  • Line-height options
    • Single
    • 1.15
    • 1.5
    • Double
  • Left-to-Right direction
  • Right-to-Left direction
Undo, clear format, link, attachment and image buttons circled

In order, from left to right:

  • Undo button
  • Clear formats button
  • Link button
  • Attachment button
  • Image button
Insert content button plus drop-down list options circled

Insert content drop down list options:

  • Math (equation editor)
  • Image from URL
  • Media
  • YouTube video
  • Content Collection
  • Content Market
  • Cloud Storage

 

Top of page