Rich-text editor

You write your narratives—bodies for articles and blog posts, captions, and other elements—inside the rich-text editor (RTE). If you are familiar with Google Docs, Disqus, Wordpress, or other web-based word processors, then you are already familiar with Brightspot’s RTE.

Note

This section describes features available in Brightspot’s standard RTE. Your version of Brightspot may have different features or a different workflow for a particular feature.

Working with text in the rich-text editor

The RTE provides the following popular features for working with text:

  • Applying boldface, italics, underline, and other typeface effects.
  • Aligning paragraphs to the right, center, or left.
  • Applying multi-level bullets and numbering.

You can paste content from Microsoft Word or Google Docs directly into the RTE, retaining much of the source document’s formatting.

Working with enhancements in the rich-text editor

You can include enhancements, such as images, videos, and external content, in the RTE.

Embedding enhancements in the rich-text editor

You can embed enhancements into the RTE. For example, if you are writing a story about a traffic accident, you can embed images or videos pertaining to the incident.

Embedding enhancements using the toolbar

Using this method, you can embed existing shared enhancements or upload new media as shared or one-off.

To embed media using the toolbar:

  1. Position the cursor on an empty line.
  2. Click image, and then select the type of enhancement you want to embed. An Edit form appears.
  3. In the Edit form, search for or create the enhancement you want to embed.
  4. Click Save & Close.

Embedding enhancements using drag-and-drop

Using this method, you upload new shared media into the RTE.

To embed enhancements using drag-and-drop:

  1. Drag a media file from your file manager into the RTE. The Upload Files widget appears.
  2. Complete the fields for the media, and then click Upload.

Tip

The uploaded media appears in the Recent Activity widget. Open the media from that widget to add additional metadata.

Positioning enhancements in the rich-text editor

Use one of the following methods to move enhancements to a different position within the RTE:

  • 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.

    Toolbar buttons for positioning enhancements
    Button Description
    arrow_upward Moves the enhancement up one paragraph.
    arrow_downward Moves the enhancement down one paragraph.
    open_with Turns on drag-and-drop. After clicking the button, move the mouse to the new position, and then click open_with to place the enhancement. For a demonstration, watch the following video.

Working with tables in the rich-text editor

You can lay out text and media in tables.

Adding a table

To add a table in the RTE:

  1. Position the cursor on an empty line.
  2. Click grid_on, and then select Add Table.

Deleting a table

To delete a table in the RTE:

  1. Click inside the table.
  2. Click Remove.

Positioning a table in the rich-text editor

Use one of the following methods to move a table to a different position within the RTE:

  • Cut and paste the table.
  • Click inside the table, and then click Move Up or Move Down.

Collaborating using the rich-text editor

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

Turning on or turning off tracked changes

To turn on or turn off track changes:

  • On the toolbar, toggle Track Changes to on.

Accepting or rejecting tracked changes

To accept or reject tracked changes:

  1. To accept or reject one change, click inside or select the tracked change. Click Accept Changes or Reject Changes on the track changes toolbar.
  2. To accept or reject all changes, click Accept All or Reject All on the track changes toolbar. The number next to Accept All and Reject All indicates the number of changes.

Previewing 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.

Adding comments

To add a comment:

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

Deleting comments

To delete a comment:

  1. Click inside or select the comment.
  2. Click close.

Showing or hiding comments

To show or hide comments:

  • On the toolbar, click more_horiz.

Enhancement locks in the RTE

When you are editing an enhancement inside the RTE, such as an image or video, the enhancement is locked and other editors cannot modify it. For detailed information about locking, see Locking.

Toggling full-screen editing

You can expand the RTE so that it occupies your entire browser window—a useful feature if you are writing a long article or blog post.

To toggle full-screen editing:

  • On the toolbar, click fullscreen.

Inserting special characters

Use one of the following methods to insert special characters, such as characters with accents or ligature:

See also:

Entering HTML code

You can enter hard-coded HTML in the RTE.

Caution

Entering incorrect HTML in the RTE can cause your narrative to render incorrectly on the published site. Be sure you have a solid knowledge of HTML elements and attributes before using this feature.

To enter HTML:

Entering HTML inside the RTE:

  1. Position the cursor where you want to add the HTML.
  2. On the toolbar, click code to toggle on HTML coding.
  3. Type the HTML code.
  4. Click code again to toggle off HTML coding.

Entering HTML in a plain-text editor:

  1. On the toolbar, click HTML to activate the plain-text editor. (If HTML is missing from the toolbar, ask your Brightspot administrator to give you access to it.)
  2. Type the HTML code.
  3. Click HTML again to return to the rich-text editor.

Keyboard shortcuts

The following table lists some of the keyboard shortcuts available in the editing area. If you need a keyboard shortcut that’s not available, contact your Brightspot representative to add it.

Shortcut Description
Select
Ctrl-A (Windows), ⌘-A (OS X) Select all.
Move
Up, Ctrl-P (OS X) Move cursor up.
Down, Ctrl-N (OS X) Move cursor down.
Left, Ctrl-B (OS X) Move cursor left.
Right, Ctrl-F (OS X) Move cursor right.
Ctrl-Home (Windows), ⌘-Home (OS X), ⌘-Up (OS X) Move cursor to start of an editing area.
Ctrl-End (Windows), ⌘-End (OS X), ⌘-Down (OS X) Move cursor to end of an editing area.
Alt-Left (Windows), Ctrl-A (OS X) Move cursor to beginning of a paragraph.
Home Move to first non-blank character in a paragraph; if already at that character, move to beginning of a paragraph.
Alt-Right (Windows), Ctrl-E (OS X) Move cursor to end of a paragraph.
⌘-Right (OS X) Move cursor to end of a line.
⌘-Left (OS X) Move cursor to beginning of a line.
Delete
Delete, Ctrl-D (OS X) Delete character right.
Backspace, Ctrl-H (OS X) Delete character left.
⌥-Delete (OS X) Delete word left.
Special
Ctrl-T (OS X) Transpose characters at cursor.
Ctrl-K Insert hyperlink.
Ctrl-Z (Windows), ⌘-Z (OS X) Undo last change.
Shift-Tab Remove bullets or numbering.

See also: