WYSIWYG Editor

The bulk of the text content on the page editor is managed through the WYSIWYG editor.
WYSIWYG stands for what you see is what you get. The WYSIWYG editor is an interface that allows you to see a basic representation of what your live page will look like—as you create it.

Toolbar

The WYSIWYG editor contains two main elements: the toolbar and the text box. The toolbar allows you to format your text, add images, link to documents or other websites, insert anchors, create tables and view and edit the HTML source.

Each item on the toolbar is outlined in the table below.

Name Function Tips for Best Practices
Bold Applies bold styling to text. Bold should only be used for emphasis and not in place of headers.
Italic Applies italic styling to text. Typically used just for publications and book titles.
Superscript Makes text smaller and places it to the top right of the text before.  
Subscript Makes text smaller and places it to the bottom right of the text before.  
Remove Format Removes previously applied formatting from text.  
Increase Indent  Increases the indent in a bulleted or numbered list.   
Decrease Indent Decreases the indent in a bulleted or numbered list.   
Paste as plain text Pastes text and does not retain formatting.  Use this button whenever bringing over text from another source such as an email, PDF, or another web page.
Link Creates a link to a page outside of your site (this includes other case.edu sites), anchor points on your site, or email addresses.  
Internal link Creates a link to a page on your site that is in Drupal or a file that is in the media library. Use internal linking whenever linking to a document or page on your site to help with broken links.
Remove link Removes a hyperlink from text but leaves the text.  
Anchor Sets anchor points within the text on the page.  
Bulleted List Creates an indented list with bullets.  
Numbered List Creates an indented list with numbers.  
Insert Media Embeds images from the media library.  
Table Inserts a table. Tables should only be used to quickly compare and contrast data on a page and should not be used for styling purposes only. Tables also need to have a header row or column.
Video Embed Places a video from Youtube or Vimeo in the content that  can then stream on the page. Use this video embed option instead of pasting an embed code in the Source code.
Block Quote Applies block quote styling to the selected text. Block quote styling should only be used when calling out a quote from another source, and not only for styling purposes.
Horizontal Line Inserts a horizontal line. Generally used to provide some separation between two different ideas or pieces of content on a page.
Formatting Styles Changes text format for headers, body text and buttons. Buttons only apply to links. Use headers to give hierarchy to your page. Learn more about headers.
Source Switches to HTML editor.