​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": {
   1: {"type": "rte", "config": {"copy": "Loren ipsum sin dolet"}}
} }) }}

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

{{ fx_page.slot("SLOT_NAME3, _context, {"content": {
   1: {"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.