The Rich Text Editor

Format your text with bullets, links, bold/italics/underlining or do simple spelling checks. (Found on text components.)

Flex UI Classic

Flex UI is available to all UBCMS users now. Learn more.

On this page:

Published November 3, 2020

Overview

screenshot of component toolbar.

Component toolbar.

Components are modified by selecting them and then clicking the subsequently displayed tool bar. The pencil icon (when present) provides access to change text, while the wrench icon ('Configure') opens the settings. Click the checkmark to save any changes.

screenshot of Rich Text Editor.

Rich Text Editor.

Most text components except Title have a Rich Text Editor (RTE) toolbar that provides some basic ways to modify your text, such as bold, italics, bulleting and hyperlinks. Click the pencil icon to reveal this toolbar, make any changes, then click the checkmark to save them.

Some text components such as Title or Body Text also support an 'in place editor' where you click the pencil icon, then edit the text directly. Once your changes are done, simply click elsewhere on the page to save them, or use the Escape key on your keyboard to cancel. This method allows simple text changes, but no toolbar or formating is provided.

You may also use styling from more advanced software like MS Word or even another webpage. Allowable styles (e.g. bold, italics, bulleting, hyperlinks special characters, accents and emojis) will paste right into the UBCMS while others (e.g. colored text, different fonts, true headings or images) will be filtered out.  It is also possible to create special characters within the UBCMS using keyboard shortcuts.

Text Formating Options

screenshot of Rich Text Editor.

Rich Text Editor.

A few basic formating options are provided. Think of these like a light version of MS Word.

  • Under the T ("format") button: Bold, Italics, Underline, Superscript and Subscript
  • Under the Lists button: Bullet List, Numbered List, Outdent and Indent
  • Hyperlink
  • Unlink
  • Anchor
  • Check Spelling
  • Fullscreen (expands the view and explodes the RTE toolbar making all options visible)
  • Close (without saving)
  • Save

Emojis

Support for Emojis

Text components (e.g. Body Text, Title, Flexible Shared Content) support emojis. Copy-paste the symbol into the component dialog box from another source, but please be very thoughtful. Emoji meanings vary markedly from culture to culture and a poor but well-intentioned choice may confuse or even upset your audience.

Special Characters

Suppport for Special Characters

Text components allow special characters such as accented letters, non-English fonts, and symbols. These can be created in another program like MS Word, copied from a website reference, or even created using keyboard shortcuts.

Master references of HTML Entity and Alt Codes

Undo or Redo a Change

screenshot of Undo/Redo buttons.

Undo/Redo buttons

Should you realize you deleted or changed a component by mistake, the built-in Undo/Redo feature may be helpful.

Look at the top left of the window for curved arrows. Immediately after you modify a component (edit, copy, cut, paste or delete), the Undo button will appear.

After an Undo, the Redo button will also appear. Click the appropriate button and your modification will be changed.

This only applies to the last 20 changes made within the past 10 hours, and is subject to other factors, including your browser.

Undo/Redo can cause confusion if several people work on the same page at a time. Since the changes pertain to the page, not the user, one author may accidentally undo the work of another author.  

Do not link to DAM assets using a relative path (/content/dam/...) -- for these you must use a separate File Download component. > read more about this Known Issue

Make a word, phrase or sentence into a hyperlink so that clicking on it will bring you to another page.

  1.  Highlight the text you want to make into a hyperlink.
  2. Click the Hyperlink button in the RTE toolbar.
  3. Set the Path, Alt Text (optional) and Target frame.

To build an internal UBCMS link, click the checkmark button. A new dialog box will open which allows you to browse for the UBCMS target page. (You will only see pages you have permissions to view, which includes your own sites, all Shared Content, and all Assets.) If you are linking to a site outsid ethe UBCMS, or to a UBCMS page you cannot see, type in the complete URL (including "http://" ot "https://").

For Target, you can select Same Tab (the current browser window), New Tab (i.e. 'load in new window'), Parent Frame or Top Frame.

  1. Highlight the hyperlink.
  2. Click the Unlink button. The selected text is no longer a hyperlink.

Anchor Text

Make a word, phrase or sentence into an anchor so that clicking on it will bring you to a specific heading on a page.

  1. Select the text you want to make into an anchor.
  2. Click the Anchor button.
  3. In the Name field, enter a name for your anchor.
  4. Click OK.

To remove the Anchor, select the linked text, click the Anchor button, then click teh Dete button and save yoru changes.

To make a link to the anchor, add #anchorname at the end of the URL, where anchorname is the name of your anchor;
e.g. http://mgt.buffalo.edu/help/somepage.html#anchorname
e.g. /content/mgt/somepage#anchorname

Note: for components without a Rich Text Editor, an anchor is usually set as the ID in the settings.

Check Spelling

  1. Click the Check spelling button.
    • Unrecognized words are underlined by red dots.
    • Make any changes directly to yoru text and the marking will disappear if it feels the error is corrected. (No automated suggestions are offered.)
  2. Remember to save your changes.

The spell checker is not very advanced. It may erroneously highlight legitimate words if they are uncommon or foreign. It will get confused by capitalized words, and does not check for grammar or correct usage.

Was This Information Helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)