How do I use the RichTextViewer control?

User Experience
, , , ,
1

Hi,

I was reading some documentation (https://design-stg.pega.com/develop/rich-text-viewer/) about a control called RichTextViewer and this seems to be exactly what I need to implement my client’s business requirements. I have a property coming from an external system that may contain markdown and I need to display the formatted text instead of displaying it as plain text. Could anyone tell me how to find the control? Do I need to import some components, or libraries? Do I need to have a certain built-on application? How do I get to use it and get it to work?

Thank you,

Casey

2

@CaseyN62 could you take a look at this documentation?

RichTextEditor comes under the ‘RTE PACKAGE’

Getting started with React

The Cosmos Design System is comprised of multiple packages:

  • Core: Components that are designed to fit any application’s needs
  • Work: Components that facilitate more complex or prescribed application behaviors
  • Social: Components that facilitate social interactions and communication
  • Rich text editor: Dedicated package for the rich text editor and rich text viewer components

The Getting started with React article will show you installation steps.