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. |
| Description list | content-description-list | Generates a description list with terms and details. |
| Table | content-table | Generates an optionally sortable table. |
| Code | content-code | Highlights code snippets and prints them to the screen. |
| Markdown | content-markdown | Convertes markdown text to html. |
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. |
File elements
| Name | CSS class | Description |
|---|---|---|
| Download | content-download | Generates a link to download a file. |
| Downloads | content-downloads | Generates multiple links to download files. |
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. |
Miscellaneous
| Name | CSS class | Description |
|---|---|---|
| Accordion | content-accordion | Generates an accordion element. |
| Element group | content-element-group | Groups other content elements. |
| Content slider | content-swiper | Generates a content slider element. |
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. |