Topics

Rich-text editor


In This Guide

Rich-text editor overview

Brightspot's rich-text editor comes with a number of tools to create content. The table below provides an example of a rich-text editor in Brightspot. Your implementation may vary as far as what is included.

Rich-text editor toolbar

  • Formatting: Bold, Italics, Underline, Strikethrough, Superscript, Subscript
  • Alignments: Left, Center, Right
  • Lists and Indentation: Bulleted lists, Numbered lists, Left Indent, Right Indent
  • Hyperlinks: Internal, External
  • Block quotes
  • Headings
  • Pull quotes
  • Attachments
  • Media: Image, Gallery, Video, Playlist, Module, Embed
  • Tables
  • Unicode keyboard
  • Track changes mode
  • Comment mode
  • Undo and redo
  • Find and replace mode
  • Full-screen

Formatting text in the rich-text editor

To format text in the rich-text editor:

  1. Enter or select the text to be formatted
  2. Click desired formatting from the toolbar:
    1. Bold
    2. Italics
    3. Underline
    4. Strikethrough
    5. Superscript
    6. Subscript
  3. Click Save.
Formatting in RTE.png


Positioning enhancements in the rich-text editor

To move enhancements:

Use one of the following methods to move enhancements to a different position within the rich-text editor:

  • Cut and paste the enhancement.
  • Click the enhancement to display the editing toolbar, and then click one of the buttons described in the following table.
ButtonDescription
arrow_upwardMoves the enhancement up one paragraph.
arrow_downwardMoves the enhancement down one paragraph.
open_withTurns on drag-and-drop. After clicking the button, move the mouse to the new position, and then click open_with to place the enhancement.

Enhancement locks in the rich-text editor

When you are editing an enhancement inside the rich-text editor, such as an image or video, the enhancement is locked and other editors cannot modify it.


Track changes in the rich-text editor

The rich-text editor provides tools for managing tracked changes and comments. When track changes is enabled, an additional toolbar opens in the rich-text editor for accepting, rejecting, and previewing changes.

To turn on or turn off track changes:

  • On the toolbar, toggle Track Changes.

When you toggle on track changes, the track-changes toolbar appears.

Turning on or turning off track changes
Track-changes toolbar

To accept or reject tracked changes:

To accept or reject one change, do one of the following:

  • In normal mode, select the change, and click Accept Changes or Reject Changes on the track-changes toolbar.
  • In full-screen mode, click check or cancel for the change you want to accept or reject. The following illustration is an example of a widget for accepting or rejecting a change in full-screen mode.
Example of track changes full-screen view

To accept or reject all changes, click Accept All or Reject All on the track-changes toolbar (see the illustration Track-changes toolbar). The number next to Accept All and Reject All indicates the number of changes.

To preview tracked changes:

You can preview the result of accepting all tracked changes.

To preview tracked changes:

  • On the track changes toolbar, toggle Preview to on.

Commenting in the rich-text editor

To add comments:

  1. Position the cursor where you want to place the comment. Ensure no text is selected.
  2. On the toolbar, click comment.

To delete comments:

  1. Click inside or select the comment.
  2. On the toolbar, click close.

To respond to comments:
You can respond to an editor’s comments, a feature common in many word-processing applications.

  1. Enter full-screen mode by clicking fullscreen. All comments and tracked changes appear in the right rail.
  2. Click replyfor the comment to which you want to reply, and add your response.
  3. Delete a response by clicking cancel.

To show or hide comments:

  • On the toolbar, click more_horiz.

Adding characters to the rich-text editor's virtual keyboard

Brightspot’s virtual keyboard includes special characters not included in most keyboard layouts. You can add additional characters to the virtual keyboard.

To add characters to the virtual keyboard:

  1. Click menu > Admin > Sites & Settings
  2. In the Sites widget, select Global. The Edit Global widget appears.
  3. Under CMS, expand Advanced.
  4. In the Extra Java Script field, add an array RTE_UNICODE similar to the following example.
    Virtual keyboard unicode array

    The numbers 2013 and 2014 are hexadecimal Unicode values for the character. For a full listing of Unicode values, see Unicode 13.0 Character Code Charts.
  5. Click Save.
  6. To ensure Brightspot displays the new characters, advise editors to clear their browser’s cache.

Rich-text editor keyboard shortcuts

The following table lists some of the keyboard shortcuts available in the editing area. (Your version of Brightspot may have different keyboard shortcuts.)

ActionShortcut (Windows)Shortcut (Mac)Shortcut (Linux)
Select
Select all.Ctrl-A⌘-ACtrl-A
Select one character to the right.Shift-Right⇧-RightShift-Right
Select one character to the left.Shift-Left⇧-LeftShift-Left
Select to the end of line.Shift-End⇧-Ctrl-RightShift-End
Select to beginning of line.Shift-Home⇧-Ctrl-LeftShift-Home
Select one line down.Shift-Down⇧-DownShift-Down
Select one line up.Shift-Up⇧-UpShift-Up
Select to end of editing area.Shift-Ctrl-End⇧-⌘-DownShift-Ctrl-End
Select to beginning of editing area.Shift-Ctrl-Home⇧-⌘-UpShift-Ctrl-Home
Select next word.Shift-Ctrl-Right⇧-⌥-RightShift-Ctrl-Right
Select previous word.Shift-Ctrl-Left⇧-⌥-LeftShift-Ctrl-Left
Select one page down.Shift-PageDown⇧-PageDown, ⇧-Fn-Down
Select one page up.Shift-PageUp⇧-PageUp, ⇧-Fn-Up
Move
Move cursor up.UpUp, Ctrl-PUp
Move cursor down.DownDown, Ctrl-NDown
Move cursor left.LeftLeft, Ctrl-BLeft
Move cursor right.RightRight, Ctrl-FRight
Move to beginning of paragraph.Ctrl-A
Move to end of paragraph.Ctrl-E
Move cursor one word to left.Ctrl-Left⌥-LeftCtrl-Left
Move cursor one word to right.Ctrl-Right⌥-RightCtrl-Right
Move cursor to beginning of editing area.Ctrl-Home⌘-UpCtrl-Home
Move cursor to end of editing area.Ctrl-End⌘-DownCtrl-End
Move cursor to end of line.End⌘-RightEnd
Move cursor to beginning of line.Home⌘-LeftHome
Scroll down one page.PageDownPageDown, Fn-Down
Scroll up one page.PageUpPageUp, Fn-Up
Delete
Delete beginning of line.⌘-DeleteCtrl-Shift-Backspace
Delete to end of line.Ctrl-Shift-Delete
Delete to the left.BackspaceDeleteBackspace
Delete to the right.DeleteCtrl-DDelete
Delete word to right.Ctrl-DeleteCtrl-Delete
Delete word to left.Ctrl-BackspaceCtrl-Backspace
Paragraph alignment
LeftCtrl-Alt-L⌘-⇧-LCtrl-Alt-L
CenterCtrl-Alt-E⌘-⇧-ECtrl-Alt-E
RightCtrl-Alt-R⌘-⇧-RCtrl-Alt-R
Text Formatting
BoldCtrl-B⌘-BCtrl-B
ItalicCtrl-I⌘-ICtrl-I
UnderlineCtrl-U⌘-UCtrl-U
StrikethroughCtrl-Alt-X⌘-⇧-XCtrl-Alt-X
SuperscriptCtrl-Shift--⌘-.Ctrl-Shift--
SubscriptCtrl-=⌘-,Ctrl-=
Clear character formattingCtrl-Space⌘-\Ctrl-Space
HyperlinkCtrl-K⌘-KCtrl-K
Lists
BulletsCtrl-Shift-8⌘-⇧-8Ctrl-Shift-8
NumbersCtrl-Shift-7⌘-⇧-7Ctrl-Shift-7
Demote list levelCtrl-]Ctrl-]
Promote list levelCtrl-[Ctrl-[
Find
Finds in editing areaCtrl-F⌘-FCtrl-F
Special
Type raw HTMLCtrl-Shift-CCtrl-⇧-CCtrl-Shift-C
Show keyboard with special charactersCtrl-Shift-K⌘-⇧-KCtrl-Shift-K
UndoCtrl-Z⌘-ZCtrl-Z
RedoCtrl-Y⌘-⇧-ZCtrl-Y
Enhancements
Pull quoteCtrl-Shift-QCtrl-Shift-Q
ImageCtrl-Shift-ICtrl-⇧-ICtrl-Shift-I
GalleryCtrl-Shift-GCtrl-⇧-GCtrl-Shift-G
PlaylistCtrl-Shift-PCtrl-⇧-PCtrl-Shift-P
VideoCtrl-Shift-VCtrl-⇧-VCtrl-Shift-V
ModuleCtrl-Shift-MCtrl-⇧-MCtrl-Shift-M
Collaboration
Toggle comment insertionCtrl-Shift-′Ctrl-⇧-′Ctrl-Shift-′