Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Anchor
Top
Top

The Rich Text Editor (RTE)

This page will help Sitecore Contributors become familiar with the Rich Text Editor Component (RTE Component).  The The RTE is a component that is used to edit most of the text within Sitecorecomponent allows for text and links to be edited and displayedThe RTE is one of the most commonly used components in Sitecore. It should be noted that the Rich Text Editor cannot be created as the first component. Only Hero Banner, Slideshow, and Video can be used as first components. 

How to Add a RTE Component

NoteThe RTE cannot be created as the first component on a page. Sitecore only allows the following three components: Hero Banner, Slideshow, and Video to be used as the first component on a page.

  1. Select anywhere in the +Select Component area to add a component area(see image below)
    Image RemovedImage Added

  2. In the pop-up window, you will be given five options. Choose Select the + Add here button. (see image below)

    Image Removed

    Image Added


  3. Select Rich Text Editor and then Select(see image below)

    Note

    The Rich Text Editor can also be double-clicked to select it.

    Image Removed
    Image Added


  4. Select Select. (see image above)

  5. Select Add Component to create the RTE component. (see image below)
    Image RemovedImage Added

  6. Select the desired Layout Options 1-5 in the gray area and then select the Plus Icon (see image below)

    Note
    titleThe Layout Options in the grey bar under Rich Text Editor gives you five options:

    (1. ) Full Width Preview
    (2. ) Half-Half Preview
    (3. ) Three Across
    (4. ) One Third Two Third
    (5. ) Two Third One Third


    Image Added

  7. Select the Plus Icon. (see image above)

    Info
    titleBest Practice

    It is recommended that no more than 2 rows be used for the Rich Text Editor.



  8. Image Removed
    Hover over the area below the Headline and select the Pencil Icon to edit. (see image below)
    Image Added

    Note

    Is the editor taking a while to open? Try double-clicking the pencil icon. 


    Note

    An existing RTE component will often have existing text or image(s). Make sure you have navigated to a page you have been authorized to edit before making changes to a RTE component.



  9. Image Removed
    Select Show editor or double-click the text in the area to be changed to begin to edit. (see image below)
    Image Removed
    Once all edits are completed, select Accept to finalize the edits or Reject to leave the editor without making any changes. Image Added

  10. Select Accept when you're done with your edits. (see image below)

    Image Added

    Note

    If the layout option chosen has multiple sections, complete for each section. 

    (see image below)
    Image Removed
    Review the edited sections to ensure all edits have been made and then select


  11. Select OK(see image below)
    Image RemovedImage Added

    Info
    titleBest 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

      ex.
      Image Removed
      (click image to enlarge)

      Image Added


Note
iconfalse

Please click this link to give feedback for this documentation and using Sitecore Advanced Editing Components: User Survey

Back to top