Rich Text Editor Component - v3

Rich Text Editor (RTE)

The Rich Text Editor is one of the most commonly used components in Sitecore. Use it to enter text and links in a variety of single and multi-column sections.


Adding, Moving, & Deleting the Component

All components share the same processes to be added, moved, and deleted.


Choosing Layouts & Adding Sections

The Rich Text Editor enables you to add multiple sections of text in a variety of different layouts.

  1. Click through the buttons in the gray Layout Options area to see the green outlines below update live to show you a preview of each layout.

  2. Once you decide on a layout, click the green plus icon to add the new section. The new section will be added to the bottom of the component in the layout you chose and automatically saved to the page.

Layouts can not be changed after they have been added. If you change your mind, you can just add a new section, paste your content into it, and delete the old section.

Layout Options provided in the Rich Text Editor:

  • Full Width

  • Half & Half

  • Three Across

  • One-Third, Two-Third

  • Two-Third, One-Third

Tip: Layout Options 4 and 5 are perfect for adding a block quote or short list of links.


Editing Content in a Section

Editing text in the RTE is done one section at a time. Hovering your mouse over each section will cause the section under your cursor to visually “shrink” and the yellow Edit and red Delete buttons to appear.

  1. Hover your mouse cursor over the section you want to edit and click the yellow Edit button that appears over the right of the section.

  2. A new modal window will open with all of the content fields available for the component. RTE layouts with multiple columns will have separate text fields for each column.

  3. Click the Show editor link or double-click the text field to be changed to open the editor.

  4. When your edits are done, click the blue Accept button in the lower right. The editor will close.

  5. You may either edit additional text fields or, if you are done, click the blue OK button in the lower right to save your changes.

Text changes you make can not be undone or recovered so make sure you have authorization to edit the page before making changes.


Component Options

  • Theme - Change the look by selecting between different visual styles.

  • Section Dividers - Add or remove horizontal rules <hr> between sections.

  • Save - Commit any changes to the options.


Sort Content Items

Clicking the Sort button at the top right of the component’s control bar allows you to sort the content items into whatever order you choose.

The Sort button will bring up a modal window to Sort the Content Items.

  1. Find and click the title of the item you want to move.

  2. Use the buttons in the right column to arrange the item in the order you want.

  3. Repeat for each item you want to move.

  4. When all items are arranged to your liking, click the blue OK button in the lower right to confirm your choices.


Deleting RTE Items

Deleting items in the RTE is done one at a time . Hovering your mouse over each section will cause the section under your cursor to visually “shrink” and the yellow Edit and red Delete buttons to appear.

 

  1. Find the item that you want to delete.

  2. Hover your cursor over the item that you wish to delete.

  3. Hovering reveals the control buttons.

  4. Click the red Delete button.

  5. A message will pop up asking for your confirmation and display the item’s title.

  6. If you clicked by mistake, click the gray Cancel button in the lower right and nothing will be deleted.

  7. To confirm deletion, click the blue OK button in the lower right. The window message will update to tell you that the item was deleted and ask to refresh the page. Click OK again.

  8. The page will refresh and the deleted item will be gone.