WYSIWYG Text Editor

An acronym for "What You See Is What You Get", the WYSIWYG is the text editing tool used in GW Drupal. It uses much of the same functionality you'd see in a word processing program with some additional features that are specific to publishing website content.

Key Features

  • Create links to documents and pages internal or external to your website
  • A Source button so that tech-savvy users can access the HTML source code if needed
Different font styles and sizes available the WYSIWYG text Styles and Size dropdowns which allow anyone working on a site to visually define and elevate text from the regular paragraph styles when necessary. For example, to stylize an introductory paragraph or draw attention to a quote.
 

Text Size Examples

  • Small
  • Normal
  • Large
 

Style Examples

  • Marketing Text
  • Testimonial Heavy
     

Statement Styles

Statement styles allow content managers to use text for visual impact instead of - or in addition to - graphic design elements, for a more stylized display.

  • Infographic
  • Infographic Large
  • Liberator
  • Hoefler with Swash

The WYSIWYG Templates were created to allow site owners and content managers to design more fluid page layouts than a single, double, or triple column style allows for.

In combination with strong graphics, the WYSIWYG tabs & accordions and additional font styles in the WYSIWYG Styles dropdown, inline WYSIWYG Templates are a great way to present your information in an eye-catching, easy to digest format.

See WYSIWYG Template Examples

Automated feeds or directories can be added to a page using the Advanced Insert View button (), located in the top row of the WYSIWYG toolbar. This button will allow you to select a feed or directory to add to your page. These feeds and directories can be filtered in a variety of ways. 

The WYSIWYG Tabs & Accordions are a great way to present large chunks of related text on a single page, and in a condensed format.
 

Tabs

Step 1: Click the Tab rich text (WYSIWYG) editor button.

  • The tab button can be found in the first row
  • Give the tab set a title and select how many tabs you would like
  • New tab sets will default to 4 tabs

Step 2: Adding your content

  • Fill in the title for each tab and enter your content the section below the title
  • The last tab you edit will be the tab displayed first once you save 

Step 3: Adding and Removing sections

  • To add or remove a tab section, double click on the title then used the “Number of Tabs” and “Remove a Tab” dropdowns to make changes

Accordions

Step 1: Click the Accordion rich text (WYSIWYG) editor button.

  • The accordion button can be found in the first row
  • New Accordions will default to two sections

Step 2: Adding your content

  • Fill in the title for each accordion section and enter your content in the section below the title.

Step 3: Adding and Removing sections

  • To add or remove a tab section, right click on the accordion and select where to add a section or remove one.