Rich Text Editor Component - v3
- Alexandre Boyle
- Gregory Moore
- Jessica Marshall
On This Page
Related Pages
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.
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.
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.
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.
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.
Click the Show editor link or double-click the text field to be changed to open the editor.
When your edits are done, click the blue Accept button in the lower right. The editor will close.
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.
Best Practices
Use larger Headings at the top of a section of text
Use bold and italicization to highlight content that is important or formal
Use bullet and numbering points with short phrases or single words
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.
Find and click the title of the item you want to move.
Use the buttons in the right column to arrange the item in the order you want.
Repeat for each item you want to move.
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.
Find the item that you want to delete.
Hover your cursor over the item that you wish to delete.
Hovering reveals the control buttons.
Click the red Delete button.
A message will pop up asking for your confirmation and display the item’s title.
If you clicked by mistake, click the gray Cancel button in the lower right and nothing will be deleted.
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.
The page will refresh and the deleted item will be gone.
If you deleted an item by mistake, it can be recovered from Sitecore Recycle Bin.
Was this helpful? We welcome feedback for this Sitecore documentation: Take the User Survey