UCR

Content Management System



Using the Editor


How to Use the Editor

All of your web pages can easily be edited within the CMS Editor. Below are some guides that cover most of the functions you would need for editing and creating pages within the CMS.

Contents

  1. Getting Started
  2. Basic Text Editing
    1. Selecting Text
    2. Applying Formatting
  3. Pasting Text
  4. Adding Hyperlinks
  5. Adding Images
  6. Style & Formatting
Getting Started

When logged in, a preview of the page showing the available editable regions will be displayed. Available editable regions will vary depending on the user's role within the CMS; not all areas are available to all users. Click the "edit" button to begin editing a region

.Preview image for editor

Basic Text Editing

The UCR Content Management System employs a WYSIWYG (What You See Is What You Get) editor that is very similar to commercial word processing software, e.g. Microsoft Word, and allows interaction with the text in a very similar fashion to a word processor.

  • Selecting text
    • Click and drag the mouse across the text to highlight.
    • Double-click to highlight a particular word.
    • Triple-click to highlight an entire line.
    • Selected text can be dragged to other places within the editable region.
  • Applying formatting
    • Basic formatting: The Bold, Italic, Underline, and Strikethrough buttons will change the appearance of text.

      Bold, Italic, Underline, Strikethrough Buttons
    • Lists: Unordered (bulleted) and Ordered (numbered) lists are available in the toolbar; start a new list by clicking the button, or apply list formatting to existing text by highlighting the text and pressing the appropriate List button.

      List Buttons
      • Hitting the Enter key at the end of each list item will automatically create a new list item.
      • To create new text outside of the list, press the List button again to remove list formatting.
    • Indentation: To create a nested list, create a new list item by hitting the Enter key on the keyboard, then click the Indent button. To create a new item in the outer list, click the Outdent button.

      Indent and Outdent Buttons
    • Superscript and Subscipt: Click the Superscript or Subscript buttons to start typing new subscript or superscript text, or highlight existing text to apply formatting. Press the button again to exit that formatting mode.

      Subscript and Superscript Buttons
    • Text Alignment: Left-justified, centered, right-justified, and full-width justified text alignment is available. Either click the appropriate button before beginning typing, or highlight existing text and press the button to apply formatting.

      Text Alignment Buttons
    • Format: In the Format pull-down menu a number of pre-defined styles are available. Most text should be formatted with the Paragraph style. The UCR design standard dictates that only Heading 3 through Heading 6 should be used for web page content areas.
      format dropdown
    • Text color: The Text Color button should be used sparingly, as most text styling will be handled automatically by the CSS (cascading style sheet) which is applied upon publishing. If a different text color is needed, either press the button to choose the color and then begin typing, or highlight existing text and press the text color button to apply a new color.

      Text Color Button
Pasting Text

The UCR CMS WYSIWG has the ability to cut, copy and paste text to and from the editor. This can be done either by using the copy, cut, and paste buttons on the WYSIWYG toolbar (note that the Cut and Copy buttons only work in Internet Explorer under Windows operating systems), or by pressing Ctrl-C (copy), Ctrl-X(cut) or Ctrl-V (paste).
Copy and Paste Buttons
In addition to standard copying and pasting, OmniUpdate includes a special paste function:

  • Paste as Plain Text ButtonPaste as Plain Text: The Paste as Plain Text button works in a similar fashion to Paste as Word, but removes all formatting from the pasted text.

    This can be an alternative to Paste, and is often useful when pasting from email programs such as Outlook or Eudora.
Adding Hyperlinks

Insert Link ButtonTo add a hyperlink, first highlight the text you want to add the hyperlink to, then click on the Insert/edit link button in the toolbar.

This will bring up the Link Manager.

  • To link to internal pages (pages within the same site):
    1. Click the Browse button next to the Link URL field.
    2. Browse to the appropriate page and click on it.
    3. Click the Select File button at the bottom of the window.
  • To link to external pages: Type the address of the page you wish to link to in the URL field.
  • Opening a link in a new window: In general it is best to have links open in the current window, unless there is a specific need to launch a new window. If a new window is required, set the Target field to "Open in new window (_blank)."
  • Adding a title: The Title field will be displayed when a user mouses over a link without clicking it, and can be used to describe the link. This field is optional.


Click the Insert button at the bottom of the window to return to the editor.

Adding Images

Image ButtonTo add an image:

  1. Position the cursor where the image should go.
  2. Click the Insert Image button in the toolbar.
  3. In the Image Manager, click the Browse button.
  4. The File Browser will launch in the Images directory.
    • If the image is already in that folder: click its filename and click the Select File button
    • If the image is not yet on the server:
      • Click the Upload button
      • Click the Browse button and locate the file on your computer
      • Click the Upload Image button
  5. Enter a brief description of the image in the Image Description field; this satisfies the requirements of Section 508 accessibility standards, and the CMS will not let you proceed without entering text in this field.
  6. Enter a brief description of the image in the Title field. This can be the same as the text in the Image Description field. This is optional but recommended.
  7. Click the Appearance tab and choose an alignment style from the Class menu, either "IMG float right" or "IMG float left" depending how the image should be placed on the page.
  8. Click the Insert button.
Style & Formatting
  • Font formatting: Websites configured in the CMS will automatically assign the proper font for text that appears on the website. The formatting will correctly apply for any text written in the paragraph (<p>) style. Alternate fonts should never be applied in the OmniUpdate Editor, as this will interfere with the campus design specifications.
  • Text Format: A number of text styles are pre-defined in the Cascading Style Sheets (CSS) that are automatically applied to web sites within OmniUpdate; most web page text will be in the Paragraph style, but a number of heading styles are also available. See "Applying Formatting: Format" on this page for more information.
  • If text does not appear to be formatted correctly, highlight the incorrect text and click the "Remove formatting" button in the toolbar. If necessary, choose the correct styling from the Text Format pull-down menu.

Next: Saving & Publishing — Content Providers


More Information

General Campus Information

University of California, Riverside
900 University Ave.
Riverside, CA 92521
Tel: (951) 827-1012

Career OpportunitiesUCR Libraries
Campus StatusMaps and Directions

Department Information

Content Management System Support
Computing & Communications Building

Tel: (951) 827-3555
Fax: (951) 827-4541
E-mail: cmshelp@ucr.edu

Footer