UVACollab HelpUVACollab DocumentationGetting StartedRich-Text EditorWhat actions can I perform using the Rich-Text Editor icons?

What actions can I perform using the Rich-Text Editor icons?

You can format text and insert links, images, and media items into your document using the Rich-Text Editor's icons.  You can also check your content for accessibility.

Note: To make the editor easier to use on mobile devices with small screens, the available icons are reduced in mobile view (on an internet browser window smaller than 770 pixels in width).

Rich-Text Editor icons include the following:

Source

View and/or edit the document's HTML source code (for advanced users).

Templates

Select a layout Template.  Available Content Templates include the Activities Grid and Activities Menu, which can also be selected when creating a site.

For more information, see How do I add a Content Template in the Rich-Text Editor?

Cut

Cut highlighted text.

Copy

Copy highlighted text to the clipboard.

Paste

Paste the text copied to the clipboard.

Paste as plain text

Paste the text copied to the clipboard without formatting.

For more information, see How do I paste as plain text in the Rich-Text Editor?

Note: If you are pasting content from a Google doc or other web page, it is recommended that you use this button, as text copied from web pages and pasted directly into the editor can cause formatting issues.

Paste from Word

Paste content copied from Microsoft Word or similar applications.

For more information, see How do I paste text from a Microsoft Word document in the Rich-Text Editor?

Note: If you are pasting content from Word, it is recommended that you use this button, as Word can generate formatting code that may cause text not to post correctly, if it is pasted directly into the editor.

Preview

Open a preview of the content you are creating in the editor in a new browser tab or window.

Print

Print the current document.

Undo

Undo the most recent action taken.

Redo

Redo the most recent action taken.

Find

Find a word or phrase within the document.

Replace

Find and replace a word or phrase within the document.

Select All

Select all the text in the document.

Remove Format

Remove the formatting from the highlighted text.

Insert/Remove Numbered List

Create a numbered list.

If you are listing items, it is important for accessibility to use a List icon (either Insert/Remove Numbered List or Insert/Remove Bulleted List) instead of numbering items manually, e.g., 1), 2), 3), or typing an asterisk in front of each list item.  For more information, see How can I make lists of items accessible?

Note: If text is highlighted when you click this button, it will be put in a numbered list.  A paragraph break (a space created by hitting the Enter or Return key on the computer keyboard) creates a new list item.

Insert/Remove Bulleted List

Create a bulleted list.

If you are listing items, it is important for accessibility to use a List icon (either Insert/Remove Numbered List or Insert/Remove Bulleted List) instead of numbering items manually, e.g., 1), 2), 3), or typing an asterisk in front of each list item.  For more information, see How can I make lists of items accessible?

Note: If text is highlighted when you click this button, it will be put in a bulleted list.  A paragraph break (a space created by hitting the Enter or Return key on the computer keyboard) creates a new list item.

Decrease Indent

Decrease the paragraph indent.

Increase Indent

Increase the paragraph indent.

Block Quote

Format a block of text to identify it as a quotation.

Bold

Apply Bold formatting to highlighted text.

Italic

Apply Italic formatting to highlighted text.

Underline

Apply Underline formatting to highlighted text.

Strike Through

Apply Strike Through formatting to highlighted text (i.e., cross the text out with a line in the middle).

Subscript

Subscript the highlighted text.

Superscript

Superscript the highlighted text.

Align Left

Set text alignment left.

Center

Set text alignment to center.

Align Right

Set text alignment right.

Justify

Justify text alignment.

Text direction from left to right

Display text left to right.

Text direction from right to left

Display text right to left.  You would use this option to display a right-to-left language such as Hebrew or Arabic.

Create hyperlink.

Note: If you have highlighted text, you can create a link from that text to an item or activity in another tool.  For more information on linking, see How do I create a link to a Resources item in the Rich-Text Editor? and How do I create a link to an activity in the Rich-Text Editor?

Remove hyperlink.

Anchor

Insert or modify a link anchor.

Note: An anchor allows you to create a link from one location on a document to the location of the anchor on the same document.

Kaltura

Insert media from your Home site's My Media or the Media Gallery tool in the current site.

For more information, see How do I embed a Media Gallery file in the Rich-Text Editor?

Image

Insert an image into the document (e.g., an image stored in Resources).

For more information, see How do I embed an image in the Rich-Text Editor?

Table

Create a table with the defined number of columns and rows.

For more information, see How do I add/edit a table in the Rich-Text Editor?

Insert Horizontal Line

Insert a divider line (horizontal rule).

Smiley

Select and insert an emoticon image (smiley faces, email icon, light bulb, etc.).

Insert Special Character

Select and insert a symbol or special character (e.g. accented letter, trademark, currency symbol, etc.).

For more information, see How do I add special characters in the Rich-Text Editor?

Add MathML Formula

Open a pop-up window in which you can enter mathematical formulas and symbols using MathML language.  After selecting symbols in the MathML Editor window, an image will be generated in the editor containing these symbols.

For more information, see How do I add mathematical notation in the Rich-Text Editor?

Insert Font Awesome

Open a pop-up window in which you may search for, select and insert a Font Awesome icon.  Many icon options are available. You can also select the desired color and size for the icon.

Styles

Apply a special style to a block of text.

For more information on using styles, see How to structure a document to make it more accessible using styles.

Paragraph Format

The default Paragraph Format for text is Normal.  Select a Heading from this menu to make selected text into a heading.

For information on using headings, see How can I structure my document to make it more accessible?

Font

Apply a selected font to a block of text.

Size

Apply a selected size to a block of text.

Set language

Select the language in which a passage of text is written.

Setting the appropriate language is important if your UVACollab site is in one language (e.g., English), and you are adding some text in a different language (e.g., French). See How can I structure my document to make it more accessible? for more information.

Text Color

Change the color of selected text.

For recommendations about selecting text colors, see How can choices in background and text color affect accessibility?

Background Color

Change the background color of selected text.

For recommendations about selecting text background colors, see How can choices in background and text color affect accessibility?

Maximize

Maximize the editor size inside the browser.

Important: In order to save your work, you will need to minimize the editor back to default size to access the save options.  This is done by clicking the Minimize icon, which looks identical to the Maximize icon.

Check Accessibility

Check your content for basic accessibility issues and fix them.

See How do I check my content for accessibility? for more information on how to use the Accessibility Checker feature.

Show Blocks

Display where there are block elements boundaries in the text and other text formatting, such as paragraph breaks.