Editing Basics

Familiarize yourself with the basic editing options and text styles.

Content Types

You can create certain content types by selecting "Add new..." from the gray side menu.

  • Page: Pages are where you will be adding and editing the majority of the content on your site. Pages can contain text, pictures, and links.
  • Folder: Folders can contain pages and other content types that you want grouped together (this is handy to keep the navigation list organized).
  • File: You can upload Word documents, PDFs, and other files and link to them from content on your pages. Make sure that your department's folder has a "documents" folder for all your files.
  • Image: You can upload images from your computer to insert into pages. Make sure that your department's folder has a "images" folder for all your images.
  • Link: Links are used to display items in the left-hand navigation, directing visitors to pages in other areas of the website.
  • Form Folder: Create online forms and add form fields to gather information from your users. Form submissions can be emailed to you, saved to a CSV file, or both.

Text Editor (WYSIWYG)

When you edit a page, you will use the rich text editor to add and style your content. The text editor has similar formatting features found in Microsoft Word and other text editing programs. What you see is what you get (WYSIWYG) when using this text editor.

Once you've saved your page, the text is displayed in the main content area.

screenshot of text editor

Toolbar Dropdowns and Buttons

The Text Editor's toolbar contains dropdown menus and action buttons. Some buttons can be activated via keyboard shortcuts similar to those found in Microsoft Word.

Insert

Insert templates (highlight boxes, accordions, grids) and horizontal lines.

Screenshot of "Insert" dropdown with options from top to bottom: Insert Template and Horizontal Line.

Format

Format text as bold, italic, various formats, and clear formatting on text. 

*Clear formatting only works with bold, italic and fonts. Clear formatting doesn't work with headers and tables.

Screenshot of "Format" dropdown with options from top to bottom: Bold (Ctrl+B), Italic (Ctrl+I), Formats (with dropdown), and Clear Formatting.

Edit

Undo, redo, cut, copy, paste, paste as text, find and replace, select all.

Screenshot of "Edit" dropdown with options from top to bottom: Undo (Ctrl+Z), Redo (Ctrl+Y), Cut (Ctrl+X), Copy (Ctrl+C), Paste (Ctrl+V), Paste as Text, Find and Replace (Ctrl+F), and Select A (Ctrl+A).

Table

Insert tables, view table properties, delete tables, and edit cell, row, and column properties.

 Screenshot of "Table" dropdown with options from top to bottom: Insert Table (with dropdown), Table Properties (not clickable), Delete Table (not clickable), Cell (with dropdown), Row (with dropdown), Column (with dropdown).

Tools

Edit and view source code.

*Though you can view the source code, we strongly recommend not working with or changing anything in the source code.

Screenshot of Tools" dropdown with option: Source Code.

View

View visual aids, invisible characters, preview, and full screen.

Screenshot of "View" dropdown with options from top to bottom: Visual aids, Show invisible characters, Preview, Fullscreen (Ctrl+Alt+F)

Formats

Format text in various styles and designs. This dropdown menu is also included within the Format dropdown menu.

Screenshot of "Format" dropdown with options from top to bottom: Header 1, Header 2, Header 3, Blockquote, Paragraph, Button Large, Button Medium, Button Small, Clear Floats, and Highlight Box.

  Icons

Icon

Action

Icon

Action

Undo icon

Undo

Numbered list icon

*Numbered list

Redo icon

Redo

Decrease indent icon

Decrease indent

Bold icon

Bold

Increase indent icon

Increase indent

Italic icon

Italic

Remove link icon

Remove link(s)

Align left icon

Align left

Insert/edit link icon

Insert/edit link

Align center icon

Align center

Add anchor icon.

Add Anchor

Alight right icon

Align right

Insert/edit image icon

Insert/edit image

Justify icon

Justify

Add snippet icon

Add Snippet

Bullet list icon

*Bullet list

   

 *Use the Default option of this button's dropdown menu. The button is automatically set to Default when clicked.