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

Listing of all text content elements
Name CSS class Description
Headline ce_headline Generates a headline (h1 - h6).
Text ce_text Generates a rich text that can be formatted using TinyMCE.
HTML - Allows you to add custom HTML code.
List ce_list Generates an ordered or unordered list.
Table ce_table Generates an optionally sortable table.
Code ce_code Highlights code snippets and prints them to the screen.
Markdown ce_markdown Convertes markdown text to html.
Go top

Accordion elements

Listing of all accordion content 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.
Go top

Content slider

Listing of all content slider elements
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.
Go top

Link elements

Listing of all link elements
Name CSS class Description
Hyperlink ce_hyperlink Generates a link to another website.
Top link ce_toplink Generates a link to jump to the top of the page.
Go top

Media elements

Listing of all media elements
Name CSS class Description
Image ce_image Generates a stand-alone image.
Gallery ce_gallery Generates a lightbox image gallery.
Video/audio ce_player Generates an HTML5 video or audio player.
Youtube ce_youtube Adds a YouTube video.
Go top

Download elements

Listing of all download elements
Name CSS class Description
Download ce_download Generates a link to download a file.
Downloads ce_downloads Generates multiple links to download files.
Go top

Include elements

Listing of all 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.
Go top