Rich text editor

Format text within your Riddle using the built-in rich text editor (RTE). Use it to add emphasis, change heading levels, adjust font sizes, or insert links. The RTE is available for the following elements in the Creator:

  • Titles
  • Descriptions
  • Answer content descriptions
  • Result page text

Change the heading tag/type

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the heading option box top left and select the heading tag/type you would like.
    change the heading tag
  3. Any text you then write will have this setting.
  4. Alternatively, you can apply this setting to existing text by highlighting the text you want to change and following step two.
    applied heading tag

Change the font size

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the px option box and select the font size you would like from the dropdown menu.
    change the font size
  3. Any text you then write will have this font size.
  4. Alternatively, you can apply this font to existing text by highlighting the text you want to change and following step two.
    applied font

Add typographical emphasis

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the typographical emphasis you would like to apply. There are three options:
    • bold
      add bold
    • italic
      add italic
    • underlined
      add underlined
  3. Any text you then write will have this setting.
  4. Alternatively, you can apply this to existing text by highlighting the text you want to change and following step two.
    applied bold
    applied italic
    applied underline

Apply strikethrough

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the S icon.
    apply strikethrough
  3. Any text you then write will now have strikethrough.
  4. Alternatively, you can apply this to existing text by highlighting the text you want to change and following step two.
    applied strikethrough

Add superscript

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the ••• icon top right and select Superscript.
    add superscript
  3. Any text you then write will be superscript.
  4. Alternatively, you can apply this to existing text by highlighting the text you want to change and following step two.
    applied superscript

Add subscript

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the ••• icon top right and select Subscript.
    add subscript
  3. Any text you then write will be subscript.
  4. Alternatively, you can apply this to existing text by highlighting the text you want to change and following step two.
    applied subscript

Change text color

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the T. icon, select the color you would like from the dropdown color menu, and click on APPLY.
    change text color
  3. Any text you then write will be this color.
  4. Alternatively, you can apply this color to existing text by highlighting the text you want to change and following step two.
    applied text color

Insert an image

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the image icon.
    insert an image
  3. Select an image source. There are three to choose from:
    • UPLOAD
    • GOOGLE SEARCH
    • PEXELS

    select an image source
  4. For UPLOAD, drag/drop an image to this field, or click to search your files and select an image.
    For GOOGLE SEARCH and PEXELS, type your search entry into the search field, and select an image.
  5. The image will now be in your text field.
    applied image
  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the 🔗 icon.
    hyperlink text
  3. In the pop-up that appears, enter the URL for the website you'd like the text to link to, disable or enable new tab, and click on SAVE.
    When enabled, the website will open in a new tab and the tab with the Riddle will remain as it is for the audience.
    enter hyperlink url
  4. Any text you then write will be linked to this website.
  5. Alternatively, you can apply this hyperlink to existing text by highlighting the text you want to change and following steps two to five.
    applied hyperlink

Insert an emoji

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the 🙂 icon.
    insert an emoji
  3. Select an emoji from the dropdown menu, using the search field if necessary.
  4. The emoji will now be in your text field.
    applied emoji

Add a list

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the list type you would like. There are two list options:
    • bullet point list
      • item 1
      • item 2
      • item 3

      add a bullet list
    • numbered list
      1. item 1
      2. item 2
      3. item 3

      add numbered list
  3. The list will be in your text field.
    applied bullet list
    applied ordered list
  4. Click on the same symbol again to stop the list.

Align text

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the alignment you would like. There are three alignment options:
    • align left
      align left
    • align center
      align center
    • align right
      align right
  3. The alignment will apply to the whole line of text.
    applied alignment

Add variables

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the ƒ icon and select the variable you would like to add. There are three sorts of variables to choose from:
    • form fields
    • block answers
    • data layer

    add variables
  3. The variable will be in your text field.
    applied variable

Add a math formula

Show equations and scientific notation in your Riddle. Formulas are written in LaTeX and rendered with MathJax, so fractions, roots, and symbols display correctly on every device. Use this for maths and physics quizzes, or learning quizzes for schools and education providers.

In rich text fields

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the ••• icon top right and select Math formula.
    insert formula
  3. Enter your formula into the LaTeX field, e.g. x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}. The Preview shows how it will look.
  4. Enable Display as block (centered on its own line) if the formula should stand on its own line. Leave it disabled to show the formula inline within your text.
    formula dialog
  5. Click on INSERT. The formula appears as a pill in the text field.
    applied formula
  6. To change or remove a formula, click on the pill, edit the LaTeX, and click on SAVE, or click on DELETE.

Shortcut: You can also type an inline formula straight into the text field. As soon as you type the closing \) of \(\sqrt{16}\), it turns into a formula pill.

In answer options

Answer options are plain text fields without an options bar. Type the LaTeX directly into the answer:

  • Inline formula: \( ... \), e.g. \(x = \pm 3\)
  • Block formula (centered on its own line): \[ ... \] or $$ ... $$, e.g. \[\frac{1}{2}\]

In the Creator you see the code. In the preview and the published Riddle, the formula is rendered.

Why doesn't $...$ work? Single dollar signs are not supported on purpose, so prices such as "$5 or $10" stay plain text.

In uploaded files

When you create a Riddle from file upload or import questions into a Question Bank, write formulas into your CSV file with the same syntax:

  • Question: What is \(\sqrt{16}\)?
  • Answer: \(x = \pm 3\)
  • Question with a block formula: Which is \[\frac{1}{2}\]?

Example: maths quiz for a school class

  1. Create a quiz with Single-select questions.
  2. In the question title, type Solve \(2x + 4 = 10\). The formula turns into a pill.
  3. Enter the answer options \(x = 3\), \(x = 7\), and \(x = -3\), and mark \(x = 3\) as correct.
  4. For a longer set, put all questions into a CSV file and upload it to a Question Bank, so every student gets a random selection.

Clear styles

All styles that might be copied with text from other sources such as Microsoft Word are now stripped automatically. However, you can also do this manually.

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the Tₓ icon in the options bar.
    clear styles
  3. This will strip any previous formatting or styling, such as copied and pasted text from Microsoft Word.
    applied clear styling

Indent text

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the ••• icon top right and select Indent.
    indent text
  3. Any text you then write will be indented.
  4. Alternatively, you can apply this indent to existing text by highlighting the text you want to change and following step two.
    applied indent

Outdent text

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the ••• icon top right and select Outdent.
    outdent text
  3. Any text you then write will be outdented.
  4. Alternatively, you can apply this outdent to existing text by highlighting the text you want to change and following step two.
    applied outdent

Insert a background color

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the ••• icon top right and select Background color.
    insert background color
  3. Select the color you would like from the dropdown color menu, and click on APPLY.
  4. Any text you then write will have this background color applied.
  5. Alternatively, you can apply this color to existing text by highlighting the text you want to change and following steps two and three.
    applied background color

Edit HTML

  1. Click on the text field you want to edit. An RTE options bar will appear above the text field.
  2. Click on the ••• icon top right and select Edit HTML.
    edit html
  3. In the pop-up that appears, you can edit the HTML code for this text field as much as you like. You can also:
    • use CSS classes
    • add tables
  4. Click on FORMAT CODE and then SAVE.
  5. For more CSS editing, go to our CSS help guides.