Skip to main content

Rich Text

Rich Text is a generic component that allows users to create and edit rich content. It also allows formatting and templating of content. The component is split into two parts: input area and toolbar. The input area is where the user can add, edit, or remove content. Users can add content by simply typing into the input area or pasting it from other websites or word processors. The toolbar, together with the set of buttons, allows the user to format content in the input area.

Presentation dropdown

Formatting

Rich text component supports different formatting options:

  • Headings (H1-H5, paragraph)
  • Unordered lists (bulleted)
  • Ordered lists (numbered)
  • Links
  • Bold text
  • Italic text
  • Underlined text
  • Strikethrough text
  • Subscript text
  • Superscript text
  • Indentation
  • Text alignment (left, middle, right)
  • Text color (black, grey, blue, red, orange, green, purple), and
  • Clear format.

To change the content format, select content in the input you want to change and choose the desired format option in the toolbar.

warning
Pasting rich content from other sources may contain unsupported formatting, which Better EHR Studio will strip from the content for visual and safety reasons.

Templating

Users can dynamically create content by writing it as a template using a specific syntax which will render based on variables values. The syntax uses tags. Tag is indicated by the opening delimiter {{ and the closing delimiter }}. Content between the {{ }} delimiters may or may not contain a tag symbol at the beginning following by a tag key that represents a variable name. For example, {{#person}} is a tag with a tag symbol # and a tag key person. There are several types of tags available.

warning
Formatting rendered variables values requires that the whole tag is formatted, not just the content between delimiters.

Templating in rich text uses the same technology as in html. To learn more about what you can achieve with templating visit html section