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:

The full view of all the available icons on the wysiwyg (What you see is what you get) panel.

Icons and their meaning:

  • Icon to make content bold - highlight text and click the B icon to make it bold
  • Icon to create italicized text - highlight text and click the I icon to make it italic
  • Icon strikethrough - highlight text and click the S icon to insert a strikethrough
  • Icon remove format - Removes formatting from content
  • Indent icon - Indent will move the paragraph inward to the right one tab space
  • Outdent icon - 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 - Remove link; highlight the link text
  • Insert anchor point - Insert and link to anchor points
  • Icon bullet list - Insert bulleted list - (Fixing spaces that show up in your lists)
  • Icon numbered list - Insert numeric list - (Fixing spaces that show up in your lists)
  • Icon left align - Left align text
  • Icon center align text - Center align text
  • Icon right align text - Right align text
  • Icon undo action - Undo action
  • Icon redo action - Redo action
  • Icon source code - Work directly with source code
  • Icon maximize editor - Maximize your WYSIWYG to full-screen editing mode. Uncheck the button to return to default view
  • Style icon menu - Apply pre-created styles to your content, review the available styles in PatternLab
  • Icon insert image - Insert an image into the WYSIWYG region
  • Icon insert file - Insert file documents, such as .doc, .xsl, .pdf, etc.
  • Insert media URL - Insert media via a URL, such as a youtube or Vimeo video
  • Icon horizontal line break - Horizontal line break
  • Icon block quote - Pull Quotes - Apply the blockquote style to your highlighted text
  • Icon tables - Insert Table - NOTE: TABLES SHOULD ONLY BE USED FOR TABULAR DATA!
  • Icon special characters - Special Characters - WYSIWYG characters, special unicodes for subscripts, superscripts, and how to include proper accents
  • 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 block - Feature Box - Provides a formatted title and text area to spotlight and feature a segment of content in your body text

Tags