1. Home
  2. Survey
  3. Build Survey
  4. Rich Text Editor (RTE)

Rich Text Editor (RTE)

The Rich Text Editor (RTE) is a tool which enables you to format the text of your survey. You can, for example, use the RTE to bold a certain word in a question or to change the colour of the text.

How to open the RTE?

When you click in a text box with Question text, Explanation text or Answer text, a link labeled Rich text editor … appears in the top right corner of the text box. Click this link to launch the RTE window.

Note: Any formatting attributes you apply to the selected text in the corresponding text box, only apply to this text.

How to change the text format?

The most commonly used format characteristics are indicated below:

In Box 1, these are:

  • B = bold
  • I = italic
  • U = underlined
  • S = strikethrough
  • x1 = subscript
  • x1 = superscript

In Box 2, these are:

  • Font > you can select one of the following fonts for the selected text: Arial, Courier New, Georgia, Helvetica, Lato, Tahoma, Times New Roman and Verdana.
  • Font size > you can select the font size for the selected text: 14, 18, 24, 30, 36, 48, 60, 72 or 96 pt.
  • Text colour > you can display the selected text in one of 26 HEX colours.

In Box 3, these are:

  • Paragraph Format > you can choose from the following styles: Normal, Heading 1, Heading 2, Heading 3, Heading 4 and Code.
  • Line Height > here you can set the line height between the lines of a paragraph, e.g. Standard, 1.15 or 1.5.

How to add an image?

To include an image in the RTE window, you must first upload it. This procedure is described in the Files and media menu (see the Upload file procedure).

After the image has been uploaded, please use the following procedure:

  • Specify the position in the RTE window where the image is to be embedded.
  • Click the Upload Manager icon.
  • Select the Images directory to which you have imported this image.
  • Click the image so that it is marked with a tick.
  • Click the Select button to return to the RTE window. The selected image is inserted at the indicated position.
  • Click the Code View icon to view the link.
  • Click the Save changes button to save the data of the inserted image. The image will now be added to the survey.

Note: An image must be embedded using a link to significantly increase the processing speed. Otherwise, the survey will start much slower and changes made will be processed at a slower pace.

How to create a hyperlink?

To create a hyperlink in the RTE window, please observe the following procedure:

  • Select the word where the hyperlink is to be inserted. The highlighted word is displayed against a light blue background.
  • Click the Insert Link icon to display a window in which you must enter some data.
  • Enter the URL of the site that a survey participant is redirected to, when he/she clicks on the highlighted word in the survey. Under Text, the word you selected is displayed. If you check the Open in new tab box, then the invoked URL will be opened in a different tab than that of the launched survey.
  • Click the Insert button (at the bottom right of the window) to insert the hyperlink into the RTE window.
  • Click the Save changes button to permanently save the data of the created hyperlink. The hyperlink can now be activated by a survey participant.

How to include a placeholder in a text?

To use a placeholder, we will take a custom variable as an example. The value created by a value assignment is inserted at the position of this custom variable placeholder in the text. All custom variables start with the prefix custom, followed by a self-defined name. For more information, see Survey placeholders in Survalyzer.

In a survey, you include a value assignment consisting of, for example, a variable (self-declared name) and a function.

  • Variable: Compare
  • Function: equals(q1,q2)
    The result of this function is true or false.

In a text block below, you can, for example, include a piece of text and a custom variable placeholder.

  • Text: The result is:
  • Placeholder: {{custom.Compare}}
    This placeholder is composed of the prefix custom, a dot and the variable (here: Compare) and is enclosed in double curly braces.

To insert a placeholder in the RTE window, proceed as follows:

  • Specify the position in the text box where a custom variable placeholder should be inserted.
  • Click the Placeholder icon.
  • Click the triangle in front of Custom Variables at the bottom of the RTE window so that all custom variables created for the corresponding survey are displayed, see the Placeholder column on the right.
  • Click the {{custom.Compare}} link to insert this placeholder at the indicated position in the textbox.
  • Click the Save changes button in the Rich text editor. The custom variable placeholder will be included in the survey.

When a participant fills out the survey, the result (true or false) is indicated at the position of the custom variable placeholder after the value assignment has been performed.

How to create a tooltip for a word?

You can create a tooltip to provide a specific word in your survey questions or answers with a comment or explanation. A word which is provided with a tooltip, is underlined with a dotted line. When a participant moves the mouse pointer over such a word when filling out his/her survey, the included comment or explanation will be shown to the participant.

To create a tooltip for a word, proceed as follows:

  • Select the word in the RTE window so that it is displayed against a light blue background.
  • Click the More Rich icon to display an additional bar with, among others, the Tooltips icon.
  • Click the Tooltips icon to display the Mouseover tip window allowing you to enter an explanatory text for the selected word.
  • Click the Save changes button to return to the survey. The tooltip is now available.

How to remove all applied format characteristics at once?

To remove all applied format characteristics at once, proceed as follows:

  • Click the Select All icon (under More Misc) to select all text in the RTE window.
  • Click the Clear Formatting icon (under More Text) to return all text to the default format.
  • Click the Save changes button in the RTE window to save the text with the default format.

Updated on July 15, 2021

Was this article helpful?

Related Articles