Return to the help system homepage Print this page View Enhancements

Site Content

NEW RICH-TEXT EDITOR TOOLBAR (RTE)

The following document will take you through the new toolbar and specifically how each icon functions. Many of the icons are similar to the previous toolbar, but have additional new features. 

 

 

 

Styles Dropdown


The Styles dropdown allows you to use predefined formatting to stylize your text. To use, select your text, click on the Styles dropdown, and select the appropriate style. 

 

 



 

 

 

 




Format Dropdown


The Format dropdown allows you to use predefined formatting to stylize the paragraph format. This allows you to keep the text size throughout your site uniform. To use, select your text, click on the format drop down, and select the appropriate style. 

 

 

 

 

 

 





Font Dropdown


The font dropdown allows you to change the font used for your text. To change the text, highlight your text, select the font dropdown, and click on the appropriate font. 

By default, the font will be Verdana.

 

 

 








Font Size Dropdown


The font size dropdown allows you to change the font size used for your text. To change the text, highlight your text, select the size dropdown, and click on the appropriate font size. 

By default, the font size will be 14.

 

 

 

 






Bold

The B icon allows you to bold your text. To use, highlight your text and select the bold icon.

 


Italic 

The I icon allows you to Italicize your text. To use, highlight your text and select the italicize icon. 

 


Underline

The U icon allows you to underline your text. To use, highlight your text and select the underline icon. 

 


Strikethrough

The strikethrough icon allows you to strike the text through (horizontal line through text). To use, highlight your text and select the strikethrough icon. 

 


Subscript and Superscript

 The subscript and superscript icons allow you to add your text as a subscript (slightly smaller and set below surrounding text) or superscript (slightly smaller and set above surrounding text). To use, highlight your text and select the subscript or superscript icon. 

 


Remove Formatting

The Remove Formatting icon will strip all text formatting, leaving you with just text. To use, highlight the text and select the remove formatting icon. 

 


Text Color




The text color icon allows you to change the color of your text. To use, highlight your text and select one of the predefined colors. For more color options, select More Colors. 

 

 


 

 



Once More Colors is selected, you can select a color or enter a hex code (hex code must start with #). 

 

 

 

 






 

 

Background Color



The background color icon allows you to change the text background color. To use, highlight your text, select background color icon, and select a color. You can select more colors for more color options.

 

 

 

 




Numbered List

 The number list icon allows you to create an organized list using numbers. To create a numbered list, click on the numbered list icon and type your text, selecting enter on your keyboard for the next number. You can also highlight text that is already on your page and click on the numbered list icon.
 

 Once you have your numbered list, you can right click within your list to change the numbered list properties. The properties will allow you to change the start number and the list type.

Each layer of a list can use a different list type so you can use both numbers and letters for example. 

 

 





 

 



Bulleted List

The bulleted list icon allows you to create an organized list using shapes as the marker instead of numbers. To create a bulleted list, click on the bulleted list icon and type your text, selecting enter on your keyboard for the next line. You can also highlight text that is already on your page and click on the bulleted list icon. 

 

 

Once you have your bulleted list, you can right click within your list to change the bulleted list properties. The properties will allow you to change the shape of the bullets. 

 

 

 

 



 

 


Decrease and Increase Indent

The increase indent icon allows you to indent your text on the page. The decrease indent icon will move your text to the left one tab length. To use, highlight your text and select the icon. You can also place your cursor before or after your text and select the icon. 

 


Block Quote

The block quote icon allows you to distinguish a piece of text by having it indented from the left and right. To use, highlight your text and select the block quote icon or select the block quote icon and enter text. 

 


Alignment

The alignment icons (left, center, right, and justified) allow you to change the placement of the text. To use, highlight your text and select the appropriate alignment icon. 

 


Source

The source icon allows you to see the HTML of your page. The source icon replaces the HTML tab that was previously at the bottom of a page. 

 

 


Templates

Similar to the templates drop down in the old toolbar, the templates icon allows you to use a predefined page structure for creating content. To use, select the templates icon, click on the template to use, and begin entering your text. 

 


Cut

The cut icon allows you to remove text from the page. To use, highlight the text and select the cut icon. You can also highlight the text, right click, and select cut. 

 


Copy

The copy icon allows you to copy a piece of text. To use, highlight the text and select the copy icon. You can also highlight the text, right click, and select copy. 

 


Paste

The paste icon allows you to paste text from an outside source onto the page. To use, place your cursor where you would like the text to display and select the paste icon. Depending on your security settings, you may need to paste the text into the paste window first. You can also right click on the page and select paste. 

 


Paste as Code

The paste as code icon replaces the insert media icon from the old toolbar and allows you to enter embed code on your page (from YouTube, SchoolTube, Voki, etc.). To use, place your cursor where you would like your widget/video/etc. to display, select the paste as code icon, enter the code, and click ok. 

 


Paste as Plain Text

The paste as plain text icon will allow you to paste in text without preserving any formatting. To use, place your cursor where you would like the text to display, click on the paste as plain text icon, paste the text in, and click on ok. 

 

 


Paste from Word

The paste from word icon will allow you to paste text from Word and keep basic formatting. To use, place your cursor where you would like the text to display, click on the paste from word icon, paste in the text, and click ok. 

 


Undo

The undo icon allows you to remove the last change on the page. 

 

 


Redo

The redo icon allows you to add the change back to the page that was previously removed with the undo icon. 

 


Find

 The find icon allows you to locate a specific word or phrase within the page. 

 


Match case: Allows the search to be case sensitive (uppercase and lowercase will matter).
 

Match whole word: Will only find the entire word. For example, if searching for test the results will not include the word testing.
 

Match cyclic: Will allow the search to go through the entire page and not stop at the bottom of the page. 

 

 

 

 

 

 

 

 



Replace

The replace icon allows you to search for a word and replace it with another word. 

 

 

To use, enter the word to find in the find what field and enter the word to replace it with in the Replace with field. Select Replace or Replace all. 

 

 

 

 





 

 

 



Select All

The select all icon selects all of the content on a page, allowing you to change all of the font, size, etc. 

 

 


Hyperlink

The hyperlink icon allows you to add a link to a piece of text. To use, highlight the text you would like to link and click on the hyperlink icon.

 

 

Select the link type:

URL: creates a link to a web address
 

Link to anchor in the text: creates a link to an anchor you have previously created on the page.
 

Email: creates a link to an email address.
 

Protocol: this allows you to change the beginning portion of the link, for example http:// or https://

 

 

  






The target tab allows you to determine how the link opens.
 

Not Set: link opens in the same browser window or tab.
 

Popup Window: link opens in a popup window that overlays the page. If you select Popup Window you can set parameters for the window.
 

New Window: link opens in a new tab.

 

 






The advanced tab allows you to enter the link title, which will display when users hover over the link. 

 

 

 

 

 

 

 



Remove Hyperlink

The unlink icon removes a hyperlink. To use, highlight the hyperlink and click on the unlink icon. 

 

 


Anchor 

The anchor icon allows you to put a marker within your text that you can link to. 


 

To add an anchor, place your cursor where you would like to add the anchor. Click on the anchor icon and enter the anchor name. An icon will be added to your page (only visible in the admin area). 

 








To link to an anchor, highlight the text you would like to link and select the hyperlink icon. Change the Link Type drop down to Link to anchor in the text and select the correct anchor from the anchor name drop down.
 

To remove an anchor, right click on the anchor icon within your text and select remove anchor.

 

 

 

 

 

 

 

 


 

 


Image Gallery

The image gallery allows you to add images directly to your page. To add, place your cursor where you would like the image to display and click on the Image Gallery icon. 

 


Embed PDF

The embed PDF icon allows you to add a PDF directly to your page so visitors can see the PDF on the page without having to click to open a file. To use, place your cursor where you would like the PDF to display, click on the embed PDF icon, paste in the PDF URL (upload to the Filing Cabinet first), update the height, and click on OK. 

 


Insert Table

The table icon allows you to add a table to your page. To use, place your cursor where you would like the table to display and click on the table icon. Enter the number of rows and columns. Instead of the additional icons for table editing, you can now right click on the table for table properties.


 Rows – number of rows in the table

Columns – number of columns in the table

Headers – Can apply header formatting (centered and bold to specific rows

Border Size – thickness of table borders, 0 will remove lines

Alignment – changes the alignment of the table on the page

Width – changes the width of the table

Height – changes the height of the table

Cell Spacing – changes the space between individual cells

Cell padding – changes the space between the cell border and the contents

Caption – title of table, displays above the table
Summary – provides screen readers with a summary of the table

 






 

 

 




Cell Options

To retrieve this menu, right click within a table cell and hover over Cell.
 

Insert Cell Before – adds a new cell before the cell you have selected

Insert Cell After – adds a new cell after the cell you have selected

Delete Cells – deletes the cell you have selected

Merge Cells – merges the cells you have selected into one cell

Merge Right – merges the cell you have selected with the cell to the right

Merge Down – merges the cell you have selected with the cell below

Split Cell Horizontally – splits the cell you have selected in two, adding a cell to the right

Split Cell Vertically – splits the cell you have selected in two, adding a cell below

Cell Properties – Opens Cell Properties window





 

 


Cell Properties

 Width – changes the width of the cell

Height – changes the height of the cell

Cell Type – changes a cell from a header to a normal data cell

Word Wrap – turns word wrap on for the cell

Rows Span – changes the number of rows the cell covers. Enter number of rows the cell should stretch over.

Columns Span – changes the number of columns the cell covers. Enter number of column the cell should stretch to.

Horizontal Alignment – changes alignment for cell

Vertical Alignment – change the vertical alignment for cell

Background Color – changes the color of cell background

Border Color – changes the color of the cell border

 


 


Table Row Options

To retrieve this menu, right click within your table and hover over Row.
 

Insert Row Before – adds a new row above the row you have selected

Insert Row After – adds a new row below the row you have selected

Delete Rows – removes the row(s) you have selected

 





Table Column Options

To retrieve this menu, right click within your table and hover over Column.
 

Insert Column Before – adds a new column to the left of your selected column

Inserts Column After – adds a new column to the right of your selected column

Delete Columns – removes the column(s) you have selected

 

 


Insert Horizontal Line

The horizontal line icon allows you to enter a horizontal line to your page, spanning from one side of the page to the other. To use, place your cursor where you would like the line to display and select the Horizontal line icon. 

 


Smiley

The smiley icon allows you to add emoticons to your page. To use, place your cursor where you would like the emoticon to display, select the smiley icon, and select the graphic to add. 

 


Insert Special Character

The insert special character icon allows you to add a character to your page that is not part of your keyboard. To use, place your cursor where you would like the character to display, select the insert special character icon, and click on the character to add. 

 

 


Maximize

The Maximize icon allows you to expand the page content area so it takes up your whole screen. 

 

 

 

 

 

 

 

 



  1. Site Paragraphs
  2. Adding Videos
  3. Adding Webpages
  4. Adding/Editing Images
  5. Attaching a File
  6. Commonly Asked Questions
  7. New Rich-Text Editor Toolbar (RTE)
  8. Public Website Features
  9. Site Content - Overview
  10. Verify Related Links
  11. Show All

« Show Help Categories | Print Entire Help Contents