Using the WYSIWYG

The page interface you will most commonly use to input your content is the WYSIWYG, an acronym that stands for "What You See Is What You Get". Here is the WYSIWYG panel you'll see:

Screenshot of the ckeditor WYSIWYG icon bar.

WYSIWYG Icons and their function
Icon ImageDescription
Icon to undo or redo an actionUndo or redo an action
Paragraph style menuApply a semantic Heading level to text
Style menu

Apply one or more Styles to text to create headings, buttons, and lists

  • Apply an Alert style to text
  • Apply a Button style to linked text. Note multiple styles may need to be selected in order for it to display the way you want.
Icon to make content boldHighlight text and click the B icon to make it bold
Icon to create italicized textHighlight text and click the I icon to make it italic
Icon remove format

Removes formatting (bold, italics, hyperlinks, etc) from content

Text Extras menu

Text Extras menu which includes:

  • Strikethrough text format - Strikethrough text format
  • Highlighter - Text highlighter with submenu
  • Text alignment - Text alignment, left, right, and center
  • Subscript - Subscript
  • Superscript - Superscript
  • Indent and Outdent - Indent will move the paragraph inward to the right one tab space, while Outdent will move the text outward to the left one tab space until it hits the content margin edge
Link icon

Insert links to internal or external content, email addresses, anchor points and more.

  • Remove link icon - Click the link you embedded to reveal a submenu that allows you to edit the link or delete it
Insert anchor pointInsert and link to anchor points
Insert bullet listInsert bulleted list - (Fixing spaces that show up in your lists)
Icon numbered listInsert numeric list - (Fixing spaces that show up in your lists).
Numbered lists submenu with additional options - Users can set the "Start at" number and choose to reverse the count order.
Insert media itemInsert from Media Library into the WYSIWYG region.
URL embedInsert media via a URL, such as a YouTube or Aggie video
Widget Block Options

Widget menu. Use this drop-down menu to access the following features:

  • Layout Columns icon available from the Widgets menu in the WYSIWYG bar. - Layout Columns widget - Allows users to create in-body layout options with from 1-4 columns with a variety of margins, spacing, and styles.
  • Icon media link - Teaser Link Box - Creates a clickable area that can include an image, caption, title, and text to link to internal pages or to external sites
  • Icon feature blockFeature Box - Provides a formatted title and text area to spotlight and feature a segment of content in your body text
  • Icon alert message, a triangle with an exclamation point inside. - Alert Message - Accessible alerts designed specifically for timely messaging, four colors and optional color-specific icon
  • Icon brand texbox, a square with a pen inside. - Brand Textbox - A textbox with four available colors from the official branding palette intended for visual emphasis
Icon insert fileInsert file documents, such as .doc, .xsl, .pdf, etc.
Icon horizontal ruleHorizontal line break
Icon pull quotesPull Quotes - Apply the blockquote style to your highlighted text
Icon code formattingCode formatting
Show more menu options

The Show More section includes the following feature options:

  • Icon tables - Insert Table - NOTE: TABLES SHOULD ONLY BE USED FOR TABULAR DATA!
  • Icon special charactersSpecial Characters - WYSIWYG characters, special unicodes for subscripts, superscripts, and how to include proper accents
  • Footnote icon represented by the letter 'a' with a superscript '1' after it denoting the footnote marker. - Footnotes - insert a footnote or citation to create an automatically styled and positioned footnote at the bottom of your page.
  • Insert code block icon - Insert code block
  • History log revert icon - History log revert lets you backtrack through your page's version history of changes. While in your current logged-in session you will have the ability to restore an earlier version of your document to easily reverse any changes. Save point entries will be available from the icon and list them in chronological order from newest to oldest. It autosaves to the browser's local storage and is per editor instance. So each editor on a page has their own revision history. By default it only holds onto revisions for up to one day. This tool is meant more for disaster recovery in the event that someone has been writing a long article and suddenly loses it all. Everything in the editor can be recovered. This will be separate from your page's Revisions tab and specific to the content added inside of the WYSIWYG.
  • Source code icon - View WYSIWYG area source code. Uncheck the Source button to return to your regular Editing view.
  • History log revert icon - Full screen mode, allowing you to enlarge your WYSIWYG workspace and temporarily hide other page elements for a streamlined work environment. Uncheck the full screen icon to return to the regular view.