Formatted Text

Not just text, but also style.


With the formatted text you create nice and well formatted HTML. From an easy formatting, like bold / strong text, over headings and listings, until colors and backgrounds.

The Text Element basically only includes the WYSIWYG (What you see is what you get) HTML Editor, which is also used in various other elements.

Usage Examples

  • Headings and text formatting.
  • Ordered or unordered lists (like this one).
  • Links in the text
  • Text Color and Background color.
  • Indentation
  • ..

Formatted Text Properties

The formatted Text element has no own properties, except the common general ones (Like spacing, colors..). You create and edit the content directly on the element itself.

Once you click on the content element, you can start typing. Below or above your content a text formatting editor bar is displayed. 

  1. Bold
  2. Italic
  3. Underline
  4. Strike-through
  5. Ordered list (1. lorem ipsum, 2. lorem ipsum)
  6. Unordered list
  7. Code: Format the content with a <code> tag
  8. Heading: Select the text you want to use as caption / heading. Then select between sizes from h1 (largest) to h6 (smallest).
  9. Add a link to the selected text. 
  10. Change the background color of the selected text.
  11. Change the text color of the selected text.
  12. Align text left
  13. Align text center
  14. Align text right
If you want to align the whole text use the common style properties of the element. Same goes for font weight and other settings. If you want to modify the whole content, prefer using the common element general properties.
Formatted Text Properties Wireframe

See it in action

Some formatted Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

A Heading (Heading 3 - h3)

  1. Some
  2. ordered
  3. list
  • An
  • unordered
  • list
Some text with different background and text colors.

Centered text

Text on the right

References / Useful information

Was this article helpful?