​PageObject: Rich Text

This PageObject provides as tiny Rich Text Editor, where the editors can format their text. The generated HTML is cleaned up and other HTML tags than the listed ones are stripped.

The generated HTML is placed within a <div> tag. Each <div> has a unique id attribute, which can be used for intrasite linking.

Styling options

You have to provide styles for all available styling options within your template's CSS.

  • Second class headline: <h2>
  • Third class headline: <h3>
  • Paragraph: <p>
  • Unsorted list: <ul>
  • Sorted list: <ol>
  • Bold: <b>
  • Italic: <i>
  • Crossed out: <strike>
  • Link: <a>

The toolbar does not provide a first class headline <h1> to ensure that only one <h1> exists on every page. This means, the <h1> needs to be included in the template code and configured with a PageObject “Simple Text”.

<div id="GENERATED_ID" class="fx_po_content fx_po_rte">
    GENERATED HTML CODE
</div>
​This PageObject renders as block element.

​Demo content

Available parameters:

  • length: [int] Character count of the demo text.
  • copy: [string] If defined this text is used as demo text.

One of the parameters “length” or “copy” is required. A combination of both is not possible.

The same styling options are available as described in the section “Styling options”.

Configuration examples

{{ fx_page.slot("SLOT_NAME", _context, {"content": [
   {"type": "rte", "config": {"copy": "Loren ipsum sin dolet"}}
] }) }}

{{ fx_page.slot("SLOT_NAME2, _context, {"content": [
   {"type": "rte", "config": {"length": "200"}}
] }) }}

{{ fx_page.slot("SLOT_NAME3, _context, {"content": [
   {"type": "rte", "config": {"copy": "Loren ipsum sin dolet", "length": "200"}}
] }) }}
​For more details how to implement demo content please refer to the Demo Content Documentation.

TextLab (Private BETA)

With the TextLab configuration section (“textlab”) the TextLab user interface of the PageObjects “Simple Text” and “Rich Text” will be prefilled with the defined values, which makes it a lot easier for the website editors to produce fitting content for your template. Be aware that your TextLab configuration is not a rigid restriction, but a suggestion which may be overridden by the editor.

Available parameters:

  • words: [int] Defines how many words a text for this PageObject should contain. Minimum allowed value is 1, maximum allowed value 2,000.
  • maxChars: [int] (optional) Defines the maximum count of characters allowed in the text for this PageObject. Minimum allowed value is 3, maximum allowed value 25,000.

TextLab is only available for the PageObjects Simple Text and Rich Text.

Configuration examples

Example 1: TextLab configuration

"textlab": {"words": WORD_COUNT, "maxChars": MAXIMUM_CHARACTER_COUNT}

Example 2: Within a complete slot markup

{{ fx_page.slot("SLOT_NAME", _context, {
    "textlab": {"words": 50, "maxChars": 280}
}) }}