Skip navigation links
Digital Experience Studio > Website Technology > Sitecore CMS > XMC Component Guide >

Rich Text

Rich Text

Rich Text components are used to add blocks of text to pages. They’re also often placed within other components, such as an Accordion Tab, to contain text. Text can be formatted using a What You See Is What You Get, or WYSIWYG, editing toolbar.

Component Information

Benefits

  • Add plain or formatted text to a page or in a component.
  • Text and paragraphs can be formatted with built-in, brand-aligned functionality.  
  • Add media and links to text. 
  • Use as a standalone component or within other components and containers.

Instructions for Use

In Pages:

  1. Select the page in the Content Tree.
  2. Click the “+” button in any Placeholder box below the Breadcrumb links.
  3. Select Rich Text component from list.

Alternate method:

  1. Click Components tab at top of the Content Tree.
  2. Locate Rich Text component.
  3. Drag the Rich Text component to any empty placeholder area of the page or into the component that will contain the Quote Box below the Breadcrumb links.

If this is new Rich Text content:

  1. In the “Assign content item” dialog box, hover over Data until a “+” appears to the right.
  2. Click “+” and select Text.
  3. Give component a unique name and click off the name area.
  4. Click Assign.

If using existing Rich Text content:

  1. Select the proper Rich Text component from the list.
  2. Click Assign.

The Rich Text component is displayed. The WYSIWYG toolbar appears when the content author clicks in the text area.

Add content and format as desired.

 

Note: Components using Text data items in containers, tabs or panels will operate in a similar fashion as Rich Text components placed directly on a page.

In Pages:

  1. Click the Rich Text component to display the component toolbar (see Figure 2). If you see the full WYSIWYG editing toolbar, click the up arrow on the left end to select the component. 
  2. Click the Open in Explorer icon.
The Rich Text component toolbar
Figure 2: The Rich Text component toolbar. The Open in Explorer icon is outlined in red.

In Explorer:

  1. In left pane, locate the Rich Text component and click to select, if needed.

    The Rich Text edit panel in Explorer
    Figure 3: When Explorer is opened directly from a component, that component should be preselected in the Explorer workspace.
  2. Edit and format the content as needed in the right pane. Formatting options are limited in Explorer.
  3. Return to Pages by closing the Explorer browser tab. 

In Pages:

  1. Refresh the canvas in Pages.
  2. Preview and publish the page.

In Pages:

  1. In Pages, click nine dot cube icon in upper left.
  2. Select environment.
  3. Select Content Editor. It opens in a new browser tab.

In Content Editor:

  1. In the Content Tree, expand Content > MSU > sitename > Home > page name > Data or wherever the component was added.
  2. Locate the Rich Text component. If the Rich Text component does not appear in the Content Tree, close the page’s Data node and expand it again to refresh the Content Tree.
  3. Click Show Editor link above the content space.
  4. Edit text and format as needed.
  5. Click Accept to close the editing window.
  6. Click Save.
  7. Return to Pages.

In Pages:

  1. Refresh the canvas in Pages.
  2. Preview and publish the page.

Tool Use Guide

 

 PagesExplorerContent Editor
Add component to pageOptimal  
Add and edit text in componentOptimalPossiblePossible
Add image in componentOptimalPossiblePossible

 

Documentation updated: Nov. 1, 2024

XMC Component Guide