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.
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.|
|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.|
|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.|
|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.|