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.