Rich Text (RTE)

The Rich Text component is used to place copy on a page. It is very similar to a word processing application, like Microsoft Word. The font styles and sizes are based on the typography and built into the code for consistency so can not be edited.

Options:

H1 Style: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

H2 Style: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

H3 Style: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

H4 Style: DO NOT USE

H5 Style: DO NOT USE
H6 Style: DO NOT USE

Paragraph Style: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.

Paragraph Style - Bold: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 

Paragraph Style - Italics: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 

Paragraph Style - Italics: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 

Paragraph Stylesubscript

Paragraph Stylesuperscript

Bulleted / Unordered List

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit
  • Aenean commodo ligula eget dolor
  • Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  • Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Numbered / Ordered List

  1. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. 
  2. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. 
  3. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.

Left Aligned

Center Aligned

Right Aligned

Link within copy - Only use if a link is required within the text body

Special Characters - © ® ™

Horizontal Line - Use when a visual break is needed within the RTE. The component border options should be used when creating a division between components (see below)


 

Additional Features and Functionality

Borders

  • Usage: Visual break between components is needed
  • Options: Color, thickness and location (top, bottom, left and right)


Anchor Link

  • Usage: Allow deep-linking to a specific area of text on a page
  • Authoring
    • Within the editing pane of the RTE, click on the Anchor icon from the toolbar at the desired point of text where the link should direct to
    • Designate an ID in the "Name" field of the Anchor Link dialogue box (all lower case, use a "-" instead of spaces)
    • Create a call-to-action that directs to the anchor link using the CTA component and adding a ".html#" followed by the page ID after the page URL
    • Example used on page above: http://www.zebra.com/us/en/zebra-web-style-guidelines/components/rich-text-editor.html#features


Souce Code

  • DO NOT USE - for designated authors only