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
![](https://media.screensteps.com/image_assets/assets/001/511/991/original/41562c68-8034-4531-b6b6-aa45bfcbba02.png)
View and/or edit the document's HTML source code (for advanced users).
Templates
![](https://media.screensteps.com/image_assets/assets/001/512/044/original/2d6c95e7-b29d-46d5-8b17-a051898d6d7d.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/015/original/25696297-6837-49a3-9277-e4d817d754a2.png)
Cut highlighted text.
Copy
![](https://media.screensteps.com/image_assets/assets/001/512/042/original/cf25a232-b061-47c4-a353-f5e20bbd92dc.png)
Copy highlighted text to the clipboard.
Paste
![](https://media.screensteps.com/image_assets/assets/001/511/990/original/7f912989-236b-4c4d-b513-3cb7d8aa99b6.png)
Paste the text copied to the clipboard.
Paste as plain text
![](https://media.screensteps.com/image_assets/assets/001/512/035/original/97a93af0-db3a-4e70-a347-7d3f58794705.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/023/original/85a516a8-c456-46a3-8832-ada056e3a27e.png)
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
![](https://media.screensteps.com/image_assets/assets/001/516/976/original/9e4d294f-7d6c-4534-8409-97fd68392265.png)
Open a preview of the content you are creating in the editor in a new browser tab or window.
![](https://media.screensteps.com/image_assets/assets/001/512/038/original/7bc22152-8784-475a-84a2-f868ba7cc630.png)
Print the current document.
Undo
![](https://media.screensteps.com/image_assets/assets/001/511/988/original/1e4a8cae-ba79-4123-a370-b2f66097827d.png)
Undo the most recent action taken.
Redo
![](https://media.screensteps.com/image_assets/assets/001/512/040/original/c05268ec-a488-40a6-9a66-fcaf9da9b6ea.png)
Redo the most recent action taken.
Find
![](https://media.screensteps.com/image_assets/assets/001/511/998/original/937f6ec8-5f7c-4974-acba-a0cb26150762.png)
Find a word or phrase within the document.
Replace
![](https://media.screensteps.com/image_assets/assets/001/512/032/original/ca0d2d83-be05-4fab-8392-6291f53087a8.png)
Find and replace a word or phrase within the document.
Select All
![](https://media.screensteps.com/image_assets/assets/001/512/031/original/1bf9bee9-0b54-4d5c-8d62-0553ae4ac3bc.png)
Select all the text in the document.
Remove Format
![](https://media.screensteps.com/image_assets/assets/001/512/020/original/b18ca720-1bc7-46bd-9400-64ec53eac0d8.png)
Remove the formatting from the highlighted text.
Insert/Remove Numbered List
![](https://media.screensteps.com/image_assets/assets/001/512/039/original/bc9003a0-3f8c-4cba-bfc1-bf3677907ad9.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/030/original/043ab667-1639-471c-812b-4eb27bf354a2.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/029/original/bf0c70c4-5868-48a1-92b6-395942b2729f.png)
Decrease the paragraph indent.
Increase Indent
![](https://media.screensteps.com/image_assets/assets/001/512/026/original/f59abb62-03b9-4926-86af-e95b8896a546.png)
Increase the paragraph indent.
Block Quote
![](https://media.screensteps.com/image_assets/assets/001/511/993/original/f6e99371-f642-412c-8154-b3605b42576a.png)
Format a block of text to identify it as a quotation.
Bold
![](https://media.screensteps.com/image_assets/assets/001/511/999/original/cc25d724-6399-446b-96a4-c85bb6e341e9.png)
Apply Bold formatting to highlighted text.
Italic
![](https://media.screensteps.com/image_assets/assets/001/512/001/original/9523b1a4-ea53-47c9-b10e-da89e94bfde3.png)
Apply Italic formatting to highlighted text.
Underline
![](https://media.screensteps.com/image_assets/assets/001/512/037/original/e006fe2a-7282-40a8-bf2f-486befdd7832.png)
Apply Underline formatting to highlighted text.
Strike Through
![](https://media.screensteps.com/image_assets/assets/001/512/004/original/d2d23949-6915-4729-a293-ca640cca052f.png)
Apply Strike Through formatting to highlighted text (i.e., cross the text out with a line in the middle).
Subscript
![](https://media.screensteps.com/image_assets/assets/001/512/012/original/8d2c3159-3b06-4928-aaa2-70fccd1b6e31.png)
Subscript the highlighted text.
Superscript
![](https://media.screensteps.com/image_assets/assets/001/512/033/original/f1ae0621-e345-4c30-91ea-214ac7ea191f.png)
Superscript the highlighted text.
Align Left
![](https://media.screensteps.com/image_assets/assets/001/512/024/original/0aba8e05-5979-477b-a179-0af300df2087.png)
Set text alignment left.
Center
![](https://media.screensteps.com/image_assets/assets/001/512/005/original/4accd6e3-19f1-4131-9f42-bc6f330440f0.png)
Set text alignment to center.
Align Right
![](https://media.screensteps.com/image_assets/assets/001/511/994/original/51fb25e0-6336-4e33-9114-73550ac9b970.png)
Set text alignment right.
Justify
![](https://media.screensteps.com/image_assets/assets/001/512/025/original/897453ff-8c7f-47c0-94b3-e2a6e27d121e.png)
Justify text alignment.
Text direction from left to right
![](https://media.screensteps.com/image_assets/assets/001/512/006/original/35523c3c-362f-4359-8aa5-ee933d841ac0.png)
Display text left to right.
Text direction from right to left
![](https://media.screensteps.com/image_assets/assets/001/511/996/original/66be67e1-021f-4faf-b98c-49ebad4e2e03.png)
Display text right to left. You would use this option to display a right-to-left language such as Hebrew or Arabic.
Link
![](https://media.screensteps.com/image_assets/assets/001/512/002/original/914e9ff9-1248-48c6-becd-9b3790472694.png)
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?
Unlink
![](https://media.screensteps.com/image_assets/assets/001/512/046/original/9cf93cdc-96dc-428f-8ec4-ffe27ec5f76c.png)
Remove hyperlink.
Anchor
![](https://media.screensteps.com/image_assets/assets/001/512/028/original/1e9163dc-4e90-4ecb-b4c1-79277853f1a8.png)
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
![](https://media.screensteps.com/image_assets/assets/001/844/349/original/7e4b19c1-c3a9-40fb-ba07-788f4865107a.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/018/original/eb32b5ed-e919-40d1-92ca-3bc836fd42bd.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/036/original/31f18b36-8a1d-4048-a818-8b1f8686ec20.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/048/original/5f52a227-fff0-4cca-a2cc-524a0c78682e.png)
Insert a divider line (horizontal rule).
Smiley
![](https://media.screensteps.com/image_assets/assets/001/512/009/original/a7c747d6-7f86-4a3c-abcd-b5c5c7f4d183.png)
Select and insert an emoticon image (smiley faces, email icon, light bulb, etc.).
Insert Special Character
![](https://media.screensteps.com/image_assets/assets/001/511/995/original/0f7cdef7-6dff-47df-ad94-e979de34fac1.png)
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
![](https://media.screensteps.com/image_assets/assets/001/511/989/original/ac2d1039-04c7-4fb2-9549-8d98cdc92e0a.png)
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
![](https://media.screensteps.com/image_assets/assets/001/516/975/original/05b0875b-d968-4245-971b-a8c77f81ff3d.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/000/original/f7ad1f44-562f-43ff-b0be-ad12faa6d334.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/013/original/67c8906a-36f2-41ae-957a-5d45ee40007c.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/021/original/b3a2b6c7-ab66-4bae-9c29-73e27cc51ec3.png)
Apply a selected font to a block of text.
Size
![](https://media.screensteps.com/image_assets/assets/001/512/034/original/048960c6-00de-4271-9faa-5958a665f032.png)
Apply a selected size to a block of text.
Set language
![](https://media.screensteps.com/image_assets/assets/003/532/378/original/93bac90a-e96b-47f1-9c96-7f56bc70451c.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/041/original/f824e820-3a52-4d75-a33d-a917c84397bd.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/022/original/1dd2bd9a-42cc-4b2e-84d7-7d71d8d7d721.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/047/original/455fee40-8307-41dc-8476-e3b786f6f69d.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/010/original/170ec672-946f-465f-9064-a8c411d50824.png)
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
![](https://media.screensteps.com/image_assets/assets/001/512/014/original/9b336f9c-d2a5-4f11-9fe5-27122bc2bd78.png)
Display where there are block elements boundaries in the text and other text formatting, such as paragraph breaks.