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 Rich Text Editor RTE component allows for text and links to be edited and displayedThe RTE is one of the most commonly used components in Sitecore. 

How to Add a RTE Component

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

  2. Select the + Add here button. (see image below)
    Image RemovedImage Added


  3. Select Rich Text Editor(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 (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 RemovedImage 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. Hover over the area below the Headline and select the Pencil Icon to edit. (see image below)
    Image Removed
    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. Select Show editor or double-click the text in the area to be changed to begin to edit. (see image below)
    Image RemovedImage Added

  10. Select Accept when you're done with your edits.

    to finalize the edits or Reject to leave the editor without making any changes.

    (see image below)

    Image Added

    Note

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

    (see image below)

    Image Removed


  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

top