Skip to main content

Content Editor

Watch a video about the Content Editor

The following narrated video provides a visual and auditory representation of some of the information included on this page. For a detailed description of what is portrayed in the video, open the video on Vimeo

Where does the editor appear?

The editor appears in most places you can add text. You can use the editor to add and format text, embed images, attach files, and insert equations, links, and tables.

Tip

If you view the editor on a smaller screen, select the plus icon or the icons with arrows to view their dropdown menu or their second row options.

A response to a discussion typed in the Content Editor, with all the icons displyed on one row across the top of the editor.

When you open the editor on a smaller screen, the options condense into menus or second line menus that will remain open until you select the menu again or select a different option menu, for easy access:

A response to a discussion typed in the Content Editor on a small screen, with the icons condensed into groups. One of the groups is open, showing a second row of icons.

Note

To use your keyboard to jump to the editor toolbar, press Alt + F10. On a Mac, press Fn + ALT + F10. The focus is placed on the first icon on the left in the top row. Use the right and left arrow keys to move forward and backward. The up and down arrows don't work to navigate to different rows. Use the arrow keys to move to the end of one row and then up or down to the next available row.

Editor icons and options

Each editor option is represented by an icon. Some options include a menu of options.

Table 5. Icons and options in editor

Icons

Options

Description

The text style icon, expanded to show Title, Header, Subheader, and Paragraph.

Text style menu:

Title

Header

Subheader

Paragraph

Select a preformatted paragraph style from the list for the selected text.

The font style icon

Font Style

Font type can be chosen between: Arial, Comic Sans MS, Courier New, Noto, Open Sans, Times New Roman and, Verdana.

The font size icon

Font Size

Font size, it defaults to a specific chosen font type.

The color picker icon

Color Picker (Font color)

Font color can be chosen between: black (default), grey, purple, blue, green and, red.

The bold icon

Bold

Bold or remove this style on the selected text.

The italic icon

Italic

Italicize or remove this style on the selected text.

The underline icon

Underline

Underline or remove this style on the selected text.

The text style icon

Text options menu

The text options selector will open a second line menu with the options for: superscript, subscript and, strikethrough text to choose from.

Create and edit table icon

Create or edit table

Add a table.

The strikethrough icon

Format style: Strikethrough

Display text with a horizontal line through the letters.

The superscript icon

Format style: Superscript

Make the selected text appear slightly above your regular text or remove this style on the selected text.

The subscript icon

Format style: Subscript

Make the selected text appear slightly below your regular text or remove this style on the selected text.

The text alignment icon

Alignment Options

The text options selector will open a dropdown menu with the options for: left-align, center, right-align and justify text to choose from.

The left align icon

Left Align

Left-align for text.

The center align icon

Center

Center alignment for text.

The right align icon

Right Align

Right-align for text.

The justified text icon

Justify

Justified alignment for text.

The list options icon

List options menu

The list options selector will open a second line menu with the options for: numbered and bulleted lists to choose from. Also includes the line height space selector option.

The bulleted list icon

List style: Bulleted List

Create a bulleted list.

The numbered list icon

List style: Numbered List

Create a numbered list.

The line height icon

Line height options menu

The line heigh options selector will open a dropdown menu with the options for: Single, 1.15, 1.5 and Double space options to choose from.

The insert/edit math formula icon

Insert/Edit Math Formula

Open the visual math equation editor page or edit the selected equation.

The undo icon

Undo

Undoes the last action performed.

The clear format icon

Clear Format

Clears the existing format in any selected section of text.

The insert/edit link icon

Insert/Edit Link

Add or edit a URL link to a website, page, or file.

The insert local files icon

Insert Local Files

Upload a file from your computer or device to embed in the editor. You can display it as a file attachment or inline with other text, if the browser allows.

The insert content menu icon

Insert Content menu

The content selector will allow you to choose from insert or edit: images from web, media from web, YouTube™ videos, Cloud Storage content and, LTI items.

The insert/edit image from web icon

Insert/Edit Image from Web

Embed an image in the text box or edit an existing selected image. You can add images from a URL.

The insert/edit media from web icon

Insert/Edit Media from Web

Add or edit a URL for a video from a YouTube™ or Vimeo™ channel, embed enterprise Office365 files. Please note: If the privacy setting of a Vimeo Media file is Unlisted, you need to include the privacy hash (the extra set of numbers added at the end of the video's URL) for embedding and sharing to work.

The insert YouTube video icon

Insert YouTube Video

Browse and add content hosted on the external content provider YouTube.

The insert from cloud storage icon

Insert from Cloud Storage

Browse and add content from your cloud storage accounts.

The insert/edit LTI Item icon

Insert/Edit LTI Item

You can add files or tools your institution allows from the Content Market.

The insert/edit recording icon

Insert/Edit Recording

Record and insert a file with your device camera and microphone.

Note

Available for instructors only in the Feedback area of assessments. Your institution controls which tools are available.

Code snippet icon represented by </>

Insert/Edit Code

Eleven programming syntaxes are supported: Python, Java, JavaScript, Kotlin, R, PHP, Go, C, Swift, C#, HTML