Skip to content

Other ways to search: Events Calendar | UTHSC News

Omni CMS Editing

You can edit pages in Omni CMS using the JustEdit or Classic Editor interface. These editors allow you to make changes to your web page content in an easy to use word processing environment. The editor window is commonly refered to as the WYSIWYG editor (What You See is What You Get.)

 

To edit a page, log in through the DirectLink or go to Content > Pages and click on the section you are working in and then the file name of the page. 

View this video from OmniUpdate that explains how to edit using the WYSIWIG editor.

WYSIWIG Toolbar

wysiwig toolbar options

The What You See Is What You Get (WYSIWYG) toolbar is similar to other content editing toolbars, with additional Omni CMS-specific options.

When entering an editable region content editors encounter the WYSIWYG toolbar, with buttons to represent every function available to the user. Clicking a button in the toolbar performs an action, either directly to the page, or to the selected text and media. Some buttons display more options in a dropdown menu or popup box.

The availability of a function is based on the location of the cursor on the page. For example, if no object is selected the "Insert/Edit Link" is dimmed, signifying that this function is not available at the moment. For the "Insert/Edit Link" button to be available, the user must first select text or a graphic.

Right-click for contextual functions. For example, right-clicking within a table provides a list of table editing functions. 

Toolbar Options

For a detailed overview of the WYSIWIG toolbar options, visit this page on OmniUpdate. This goes over all the options available to you. Please read these options over carefully and become familiar with what each icon represents. This will aid you when editing content. 

  1. From the Page Actions Toolbar, click on the Edit button.
    Editing toolbar
  2. Click on a green, editable region button to open that region.
    Example page

The Page Actions toolbar contains options for editing your page.

Page actions available on OU Campus toolbar

  1. Preview:  View how the page will look on your website.
  2. Edit: View editable regions for the page.
  3. Source: Edit the source code of the page.
  4. Properties: Edit title, tags, layout options, and other items such as the log and RSS feed.
  5. Versions*: View a list of saved versions of the page. 
  6. Save*: Save the page and exit the What You See Is What You Get (WYSIWYG) toolbar.
  7. Page Status: The page is checked out to you when the lightbulb is yellow.
  8. Publish: Publish the page to your live website or Submit the page for approval.
  9. Toggle Focus Mode: Maximize the page content in your display window.
  10. More Actions: View the following options:Page Check*: Scan the page for spelling, link, and accessibility issues.
  11. Save Version*: Save the page to the versioning archives.
  12. View Published Page: See the page on your default publish target.

*Only visible if the page is checked out to you.

  1. Open an editable region.
  2. Add, remove, or edit text using your computer keyboard.

Editable region

JustEdit

  1. Open an editable region.
  2. From the JustEdit toolbar, select the Insert/Edit Image icon in the toolbar.
  3. Select the General tab at the top of the Insert/Edit Image box.

    Example of justedit images

  4. Next to the "Source" field, click the browse button.
  5. Navigate through the Omni CMS folder structure and select the appropriate image.
  6. Click "Insert" in the bottom right corner of the Select Image box.
  7. Add a "Description"; this field is used as the alt text for the image.
  8. Add a "Tooltip," adjust the "Dimensions," select a "Class," and add an "ID" as needed.
  9. Select the Appearance tab at the top of the Insert/Edit Image box to make adjustments to the image's appearance on the page.
  10. Adjust the "Alignment," "Vertical space," "Horizontal space," "Border width," and "Style" as needed.
  11. Click OK in the bottom right of the box.
  12. To reopen and edit the image, select the image and click on the Insert/Edit Image icon from the toolbar.

Classic Editor

  1. Open an editable region.
  2. From the Classic Editor toolbar, select the Insert/Edit Image icon (Insert/Edit Image Icon).
  3. Select the General tab at the top of the Insert/Edit Image box.

    Image box

  4. Next to the "Image URL" field, click the browse button.
  5. Navigate through the Omni CMS folder structure and select the appropriate image.
  6. Click Insert in the bottom right corner of the Select Image box.
  7. Add an "Image Description"; this field is used as the alt text for the image.
  8. Add a "Title" as needed.
  9. Select the Appearance tab at the top of the Insert/Edit Image box to make adjustments to the image's appearance on the page.
  10. Adjust the "Alignment," "Dimensions," "Vertical Space," "Horizontal Space," "Border," "Class," and "Style" as needed.
  11. Click Insert in the bottom left of the box.
  12. To reopen and edit the image, select the image and click on the Insert/Edit Image icon from the toolbar.

To add a video or other playable media to a page, we have an extra step involved in order to make the video responsive.

  1. While editing an editable region, click the Insert Snippet button A black puzzle piece icon in the WYSIWIG toolbar.
  2. Select Video and answer the questions. If it is a Vimeo video, be sure to anwer Yes on the second question.
  3. In the space for the video on the snippet, click the Insert/Edit Media button Insert/Edit Media icon in the (WYSIWYG) toolbar.
  4. In the "Source" field, paste the external web address or click the file chooser File Chooser icon .
  5. From file chooser, navigate through folders in your Omni CMS site.Search an auxiliary site or other environment, using the dropdown.
  6. Click the file to link.
  7. Click Insert.
  8. Enter new values in the "Width" and "Height" fields to modify the dimensions of the media.Click the lock icon to constrain proportions.
  9. Click Save.

See WYSIWYG Editor Advanced Fields for additional media options.

Embed Code

If you are adding media from an external source that provides an embed code (such as Vimeo or YouTube), paste the code into the "Embed" tab of the "Insert/Edit Media" box. Then click Save.

We recommend embedding videos via Insert/Edit Media in the WYSIWYG toolbar. If you embed a YouTube video by pasting it into the source code of your page, you might encounter an error where the page cannot be edited. The error is caused by the default YouTube embed code being empty between the <iframe> and </iframe> elements and can be fixed by adding an &nbsp; between the <iframe> and </iframe> elements. Alternatively, add in a comment between the starting and closing <iframe> elements to prevent an empty iframe.

 

JustEdit

  1. Open an editable region.
  2. Type the text of your link.
  3. Highlight the text.
  4. From the JustEdit toolbar, select the Insert/Edit Link icon.
  5. Select the Basic tab at the top of the Insert/Edit Link box.

    Link justedit example

  6. To link to external web pages, add the fully qualified URL to the "URL" field.
  7. To link to other content managed within Omni CMS, click the browse button next to the "URL" field.
  8. Navigate through the Omni CMS folder structure and select the appropriate page/file.
  9. Click Insert in the bottom right corner of the Select File box.
  10. Adjust the "Text to display," add a "Title," select a "Target," and select a "Class" as needed.
  11. Click OK in the bottom right of the box.
  12. To reopen and edit the link, place your cursor inside the link text and click on the Insert/Edit Link icon from the toolbar.

Classic Editor

  1. Open an editable region.
  2. Type the text of your link.
  3. Highlight the text.
  4. From the JustEdit toolbar, select the Insert/Edit Link icon (Insert/Edit Link).
  5. Select the General tab at the top of the Insert/Edit Link box.

    Class link

  6. To link to external web pages, add the fully qualified URL to the "Link URL" field.
  7. To link to other content managed within Omni CMS, click the browse button next to the "Link URL" field.
  8. Navigate through the Omni CMS folder structure and select the appropriate page/file.
  9. Click Insert in the bottom right corner of the Select File box.
  10. Select a "Target," add a "Title," and select a "Class" as needed.
  11. Click Insert in the bottom left of the box.
  12. To reopen and edit the link, place your cursor inside the link text and click on the Insert/Edit Link icon from the toolbar.
  1. Open an editable region.
  2. From the Classic Editor toolbar, select the Table icon.
  3. Hover over "Insert Table."
  4. Hover to select the appropriate number of rows and columns.
  5. Click on the bottom right cell to insert the table.

    Table example

  6. To create a table header row, right click on a row, hover over "Row" and click "Row Properties." Choose "Header" from the "Row type" dropdown and click OK.

    Row properties

  7. To select a table cell scope, right click on a cell, hover over "Cell" and click "Cell Properties." Choose the appropriate scope from the "Scope" dropdown and click OK.

    Insert cell

  8. To add or remove rows and columns, right click on the table, hover over "Row" or "Column" as appropriate, and click an "Insert..." or "Delete..." option as appropriate.

delete remove row

View this page on OmniUpdate for detailed information on using table properties, cell/row properties.

Page parameters control preconfigured aspects of a page—title, metadata, and custom settings such as layout or header content. To view page parameters, the page must be checked out to you. Only users levels 5 through 10 can edit page parameters.

There are two ways to access page parameters:

While viewing a checked-out page, click Properties in the page actions toolbar.
From Content > Pages, check out the page, click More Actions > Edit > Properties.

Title and Metadata

The following fields are always present in the "Properties" section:

  • Title: The title that displays on your live website.
  • Description: Displayed by search engines if the page comes up as a search result.
  • Tags: Tags in Omni CMS filter content, and (depending on your site design) are used to categorize news and search results. Type into the field to enter tags; any preexisting tags appear in the dropdown, but you can also add new tags to the page. Depending on the tag access settings, your choice of tags may be restricted.

Other commonly-used fields include Author (common on news and blog articles) and Keywords (used for limited search engine optimization [SEO] purposes).

May 26, 2022