Using the WYSIWYG Editor

WYSIWYG Editor Bar in the Campus WCMS

The WYSIWYG (What You See Is What You Get) editor is similar to a word processor like Microsoft Word. The editor is integrated into the Campus WCMS and has the same functionality and features seen in a standard editor. The functions available in the WYSIWYG are all available at the top of the main content editing area.

wysiwyg options

Some things to know when using the WYSIWYG editor:

  • Most browsers do not allow the cut, copy, and paste buttons to work using the WYSIWYG editor. To use these features, use keyboard shortcuts (ctrl+c, v, or x) or the edit menu in your browser.

  • When copying and pasting from an MS Word document or another web page, it is best to remove all formatting prior to pasting.

  • At the bottom of every page is the 'Submit" button. "Submit" = Save. Changes are seen only when you hit "Submit".  "Submit" is not the same as "Publish".

Using Headings

Headings should be used to designate a hierarchy of information, like an outline.  Main topics should use Heading 2.  Subtopics within each main topic should use Heading 3, and so on.  Do not use Heading 1 because the title of the page uses Heading 1.  For accessibility purposes, don't skip headings.  For example, don't skip directly to Heading 3.  When you use Headings in your pages, they built in style sheets will make them look like this:

screenshot of headings

Indenting Text on a Page

I need to indent some text on a page. How do I do that? The indent icon doesn't work.

The indent icon in the WYSIWYG editor does not work. To indent text, create a bullet list and then in the HTML editor, edit the <ul> tag to say <ul class="unstyled">

Your indented text will then look like this (without the bullets):

screenshot of indented text

See Also