Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Select anywhere in the +Select Component area to add a component.
Image Removed

Anchor
Top
Top

The Rich Text Editor (RTE)

This page of the user guide will help Sitecore Contributors add and become familiar with the Rich Text Editor Component (RTE Component).  The The RTE is a component that is used to change and 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 RTE cannot be created as the first component only Hero Banner, Slideshow, and Video components can be used as the first component. It should be noted that although some components are already on the page, all directions are starting as if the component needed is not available on the page and needs to be added.   


Info
iconfalse
titleIn this guide:


Becoming Familiar with the Interface:

Table of Contents Draft 

How to Add a RTE Component

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.

Note

RTE cannot be created as the first component on a pagenly Hero Banner, Slideshow, and Video components can be added/used as the first component on a page.

How to Add a RTE Component

  1. Select the +Select Component area. (see image below)
    Image Added

  2. Select the + Add here button.


    Image Removed

    In the pop-up window you will be given five options, choose  (see image below)
    Image Added


  3. Select Rich Text Editor and then select Select.

    Note

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

    Image Removed
    (see image below)


    Image Added


  4. Select Select. (see image above)

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

  6. Select the wanted 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, and
    (5) Two Third One Third


    Image Added

  7. Select the Plus Icon.

    Image Removed (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

    title bar (does this area have a specific name?) and select the pencil icon to edit.
    Image Removed

    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. Select Show editor or double-click the text in the area to be changed to begin to edit.
    Image Removed
    Once all edits are completed select Accept to finalize the edits or Reject to leave the editor without making any changes.  (see image below)
    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.


    Image Removed
    Review the edited sections to ensure all edits have been made and then select OK.
    Image Removed

     


  11. Select OK(see image below)
    Image 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 Added


Note
iconfalse

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

Back to top