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