Table of Contents

Sonar's Rich Text Editor

Morgan Wynnes Updated by Morgan Wynnes

The rich text editor is available in numerous areas of Sonar, such as when sending out mass emails, responding to tickets, or creating email messages for triggered emails. It allows users to further customize and stylize plain text by applying formatting, such as bold, italics, underline, etc.

A description of each button available in the rich text editor, as well as an example of what each does, is provided below.

(1) Bold

Editor Icon

What it Does

Applies bold to the text

Example

This text is bolded

(2) Italics

Editor Icon

What it Does

Applies italics to the text

Example

This text is italicized

(3) Strikethrough

Editor Icon

What it Does

Applies strikethrough to the text

Example

This text has strikethrough applied

(4) Underline

Editor Icon

What it Does

Applies an underline to the text

Example

This text has been underlined

(5) Header 1

Editor Icon

What it Does

Formats the text as an H1 header (largest of the header formats)

Example

(6) Header 2

Editor Icon

What it Does

Formats the text as an H2 header (second largest of the header formats)

Example

(7) Header 3

Editor Icon

What it Does

Formats the text as an H3 header (smallest of the header formats)

Example

(8) Bulleted List

Editor Icon

What it Does

Creates an unordered bulleted list

There are two list icons visible in the editor; the first list icon in the editor (when viewing from left to right) represents the unordered bulleted list.

Example

(9) Numbered List

Editor Icon

What it Does

Creates a numbered bulleted list

There are two list icons visible in the editor; the second list icon in the editor (when viewing from left to right) represents the numbered bulleted list.

Example

(10) Quote Block

Editor Icon

What it Does

Creates a quote block for the text

Example

The quoted text appears indented like this

(11) Code Block

Editor Icon

What it Does

Creates a code block for the text

Example

(12) Image

Editor Icon

What it Does

Can be used to insert an inline image to the message body

The direct link for the image must be used (i.e. you must use the actual .png / .jpg path - a link to a page will not work. For example, the link used for the image below is: https://files.helpdocs.io/y0fqv9nyr6/articles/qsvfqgnuaf/1606492183531/job-details-checked-in-png.PNG)

Example

(13) Variable Menu

Editor Icon

What it Does

Allows variables to be inserted into the message. Variables are wrapped in *| and |* and are used as a placeholder for data; upon being sent out, the variables will populate with the appropriate values. 

The variables button will not be available in all instances where the rich text editor is present; the available variables will also vary, depending on where in Sonar you are accessing it.

To learn more about the available variables, take a look at the Email Variables & Conditions article here.

Example

Variables will appear like this:

*|CONTACT_NAME|*

and populate with the appropriate value once sent out (i.e. Joe Smith)

How did we do?

Frequently Used Terms

Mutations in the Sonar API

Contact