Content elements
Content elements are an easy and intuitive way to create content. Instead of just using a Rich Text Editor, Contao provides a separate element for each type of content like texts, lists, tables, hyperlinks, images or downloads. Here is an overview of the Contao core content elements:
Text elements
| Name | CSS class | Description |
|---|---|---|
| Headline | content-headline | Generates a headline (h1 - h6). |
| Text | content-text | Generates a rich text that can be formatted using TinyMCE. |
| HTML | - | Allows you to add custom HTML code. |
| List | content-list | Generates an ordered or unordered list. |
| Table | content-table | Generates an optionally sortable table. |
| Code | content-code | Highlights code snippets and prints them to the screen. |
| Markdown | content-markdown | Converts markdown text to html. |
Accordion elements
| Name | CSS class | Description |
|---|---|---|
| Accordion (single element) | ce_accordion | Generates a single accordion element (with MooTools or jQuery). |
| Accordion (wrapper start) | ce_accordionStart | Generates the opening part of the accordion wrapper. |
| Accordion (wrapper stop) | - | Generates the closing part of the accordion wrapper. |
Content slider
| Name | CSS class | Description |
|---|---|---|
| Content slider (wrapper start) | ce_sliderStart | Generates the opening part of the slider wrapper. |
| Content slider (wrapper stop) | - | Generates the closing part of the slider wrapper. |
Link elements
| Name | CSS class | Description |
|---|---|---|
| Hyperlink | content-hyperlink | Generates a link to another website. |
| Top link | content-toplink | Generates a link to jump to the top of the page. |
Media elements
| Name | CSS class | Description |
|---|---|---|
| Image | content-image | Generates a stand-alone image. |
| Gallery | content-gallery | Generates a lightbox image gallery. |
| Video/audio | content-player | Generates an HTML5 video or audio player. |
| Youtube | content-youtube | Adds a YouTube video. |
Download elements
| Name | CSS class | Description |
|---|---|---|
| Download | content-download | Generates a link to download a file. |
| Downloads | content-downloads | Generates multiple links to download files. |
Include elements
| Name | CSS class | Description |
|---|---|---|
| Article | - | Includes another article. |
| Content element | (parent class) | Includes another content element. |
| Form | ce_form | Includes a form. |
| Module | (parent class) | Includes a front end module. |
| Article teaser | ce_teaser | Displays the teaser text of an article. |
| Comments | ce_comments | Adds a comment form to the page. |