Web Help Home

WCMS Training

Using the WYSIWYG Field

Problem

You want to add content to your web page, and the content field has a toolbar on the top.

Solution

Some content fields do not allow you to specify a format for your text because the format is part of the standardized layout. For example, the “Page Title” field allows you to enter the title that appears at the top of the Web page, but its format is built in to the page layout and cannot be changed.

The main content of the page is entered into a special WYSIWYG field. Its name is an acronym that stands for, “What You See Is What You Get,” and it has its own toolbar that allows you to format text. This toolbar has buttons for Bold, Italic, Ordered List, and many other functions that you may be accustomed to seeing in a word processing program.

Adding content in the WYSIWYG field:

  1. Click the Edit tab
  2. Click in the WYSIWYG field and type the text
  3. Press the Enter or Return key on your keyboard
    Tip: It is very important to press the Enter key every time you add text in the WYSIWYG field, because the text may not be displayed on the page if you forget.
  4. Click the Submit button

Your changes will be saved in the WCMS after you click Submit, but they will not appear in your web site until the page is published.

You can add preformatted subheadings in the WYSIWYG field by using the Format List and the Styles List in the WYSIWYG toolbar. The "Heading" styles are equivalent to the "H" tags in HTML. The text size of any particular level of heading is usually larger than the regular paragraph text, but the appearance is dependent on the design of the layout of your site.

Applying a level 3 subheading:

  1. Click the Edit tab
  2. Click in the WYSIWYG field and type the text
  3. Select the text with your mouse
  4. Select "Heading 3" from the Format dropdown
  5. Click the Submit button
Applying a bold style:
  1. Click the Edit tab
  2. Click in the WYSIWYG field and type the text
  3. Select the text with your mouse
  4. Click the "B" button in the toolbar
  5. Click the Submit button

Removing a style:

Tip: If some existing text already has a style that was applied by the Styles List and you want to revert it back to plain text, use the “Remove formatting” button.

  1. Click the Edit tab
  2. Select the existing, styled text in the WYSIWYG field with your mouse
  3. Click the "Remove formatting" button on the WYSIWYG toolbar
  4. Click Submit

Adding a link to another page or file (.pdf, .doc) within your website:

  1. Click the Edit tab
  2. Click in the WYSIWYG field and type the text for the link
  3. Select the text with your mouse
  4. In the "insert/Edit Link" dialog, click on "Internal"
  5. Click the "Browse" button to browse to the page or file within your asset tree
  6. Click Submit

Adding a link to a web page not in your website:

  1. Click the Edit tab
  2. Click in the WYSIWYG field and type the text for the link
  3. Select the text with your mouse
  4. In the "insert/Edit Link" dialog, click on "External"
  5. Type the link in the field labeled "Link"
  6. Click Submit

Some examples of external links:

Adding a link to an email address:

  1. Click the Edit tab
  2. Click in the WYSIWYG field and type the text for the link
  3. Select the text with your mouse
  4. In the "insert/Edit Link" dialog, click on "External"
  5. Type the words mailto: followed by the email address in the field labeled "Link" (Ie: mailto:hajim@rochester.edu)
  6. Click Submit
a WYSIWYG field

A WYSIWYG field and its toolbar.