Skip to Content

WYSIWYG Toolbar

OU Campus uses two different styles of WYSIWYG toolbar, Classic and JustEdit. They contain mostly the same functions; the Classic editor has some additional advanced configuration options, while JustEdit is more streamlined and user-friendly.

A screenshot of a toolbar for editing pages, with many different buttons and options. The styling is reminiscent of Windows '98.
The Classic editor toolbar.
A screenshot of a toolbar for editing content with many buttons. It is colored flat gray and black.
The JustEdit toolbar.

Your account uses one of these by default; which one is determined by administrators in the account settings. However, if you use Shift + Click when opening an editable region, you can access the non-default toolbar.

WYSIWYG Behavior

The WYSIWYG editor only accepts HTML tags and strips out server-side or client-side code, or any invalid HTML. If you need to add server-side or client-side code, create a source code asset or inserting it directly in the source code for a page. The editor can be toggled in site settings to an HTML5 schema to validate the page code, but if you are not already using HTML5, proceed with caution. If other components of a site are not updated, such as the XSL , this can lead to the WYSIWYG removing invalid elements or a page not passing validation at the time of page check or final check.

Keyboard Shortcuts

Firefox, Chrome, and Safari have settings that prevent scripts from invoking the Cut, Copy, and Paste commands, so the corresponding buttons on the WYSIWYG Toolbar do not function as expected when using browsers with these restrictions. Use keyboard shortcuts instead.

  • Classic Editor Keyboard Shortcuts
    • Ctrl (PC)/Cmd (Mac) + S: Save-in-place - saves changes to the staging server, but you remain inside the editor to continue working
    • Ctrl/Cmd + X: Cut
    • Ctrl/Cmd + C: Copy
    • Ctrl/Cmd + V: Paste
    • Ctrl/Cmd + Z: Undo
    • Ctrl/Cmd + Y: Redo
    • Ctrl/Cmd + B: Bold highlighted text
    • Ctrl/Cmd + U: Underline highlighted text
    • Ctrl/Cmd + I: Italicize highlighted text
    • Ctrl/Cmd + F: Opens the WYSIWYG Find and Replace tool.
    • Ctrl/Cmd + [1-6]: Set headings - formats currently-selected block as Heading 1-6, respectively
    • Ctrl/Cmd + 7: Formats currently-selected block as a <p> (paragraph)
    • Ctrl/Cmd + 8: Formats currently-selected block as a <div>
    • Ctrl/Cmd + 9: Formats currently-selected block as an <address>
    • Shift + Enter: Creates a new line break in the current block (as opposed to creating a new paragraph, which makes a new block of text)
    • Shift + Arrow Keys: Highlights text character-by-character (if using up/down arrows, highlights by line)
    • Shift + Ctrl/Cmd + Arrow Keys: Highlights text word-by-word (up/down arrows still highlight by line)
  • JustEdit Keyboard Shortcuts
    • Ctrl (PC)/Cmd (Mac) + S: Save-in-place - saves changes to the staging server, but you remain inside the editor to continue working
    • Ctrl/Cmd + X: Cut
    • Ctrl/Cmd + C: Copy
    • Ctrl/Cmd + V: Paste
    • Ctrl/Cmd + Z: Undo
    • Ctrl/Cmd + Y: Redo
    • Ctrl/Cmd + B: Bold highlighted text
    • Ctrl/Cmd + U: Underline highlighted text
    • Ctrl/Cmd + I: Italicize highlighted text
    • Ctrl/Cmd + F: Opens the WYSIWYG Find and Replace tool.
    • Shift + Alt + [1-6] (PC)/Control + Alt + [1-6] (Mac): Set headings - formats currently-selected block as Heading 1-6, respectively
    • Shift + Alt + 7 (PC)/Control + Alt + 7 (Mac): Formats currently-selected block as a <p> (paragraph)
    • Shift + Alt + 8 (PC)/Control + Alt + 8 (Mac): Formats currently-selected block as a <div>
    • Shift + Alt + 9 (PC)/Control + Alt + 9 (Mac): Formats currently-selected block as an <address>
    • Shift + Enter: Creates a new line break in the current block (as opposed to creating a new paragraph, which makes a new block of text)
    • Shift + Arrow Keys: Highlights text character-by-character (if using up/down arrows, highlights by line)
    • Shift + Ctrl/Cmd + Arrow Keys: Highlights text word-by-word (up/down arrows still highlight by line)

These keyboard shortcuts function even if the related toolbar icon or drop-down menu has been disabled for the user, the page, or the editable region.

Path Status

The path status displays at the bottom of the editing window and shows you the HTML elements being applied to the text where the cursor is. Clicking an element name in the status selects the content wrapped by that tag.

A screenshot of text, including a bulleted list with bolded text. An arrow points to text at the bottom of the window that reads "Path: ul - li - strong"

Related Content