Skip to main navigation Skip to main content Skip to page footer

TYPO3's Built-in Rich Text Editor

TYPO3 ships with the CKEditor (ckeditor.com) as there sophisticated built-in rich text editor (RTE). This editor contains all of the features one would expect from an Enterprise CMS, and is highly configurable and extendable to fit every project out there.

Multicolumn

Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Etiam rhoncus. Vestibulum ullamcorper mauris at ligula. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Praesent porttitor, nulla vitae posuere iaculis, arcu nisl dignissim dolor, a pretium mi sem ut ipsum.Quisque id mi. Nullam quis ante.  In ac felis quis tortor malesuada pretium.Nulla facilisi. Donec posuere vulputate arcu. Nunc nulla. Quisque ut nisi. Ut id nisl quis enim dignissim sagittis.Phasellus viverra nulla ut metus varius laoreet. Donec mi odio, faucibus at, 

Boxed Content

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi.

Nullam cursus lacinia erat. In auctor lobortis lacus. Vivamus consectetuer hendrerit lacus. Pellentesque commodo eros a enim. Suspendisse feugiat.

Praesent vestibulum dapibus nibh. Fusce fermentum. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc.

Indented Blocks

Curabitur nisi. Ut tincidunt tincidunt erat. Nullam sagittis. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Sed fringilla mauris sit amet nibh.

Phasellus dolor. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Donec vitae sapien ut libero venenatis faucibus. In hac habitasse platea dictumst. Ut non enim eleifend felis pretium feugiat.Phasellus a est. Vestibulum volutpat pretium libero. Duis leo. Cras non dolor. Nullam dictum felis eu pede mollis pretium.

Integer tincidunt. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Phasellus accumsan cursus velit. Fusce fermentum. Nullam accumsan lorem in dui.

Contextual Styling

  • Muted
  • Primary
  • Secondary
  • Info
  • Warning
  • Success
  • Danger

Examples of Rich Text Content Elements

Continuous text: text, optional in bold or italic or in a combination of bold and italic.

Special characters can be used: @ © ® ¢ ¼ ½ ¾ § ± a² m³ Ω π µ γ β α H2O

Texts in foreign languages can be mixed on one page.
The font has to be installed on the device though:

cyrillic: Русская версия
chinese: 中文版
arabic: الْعَرَبيّة

Centered text

Text justified right

Blockquote

Aenean ante elit, elementum et, varius ut, condimentum ut, sem. Aenean ante neque, imperdiet sed, ultricies vitae, aliquam dictum, arcu. Aenean arcu est, semper vitae, euismod quis, vehicula eu, risus.

Aenean ante elit, elementum et, varius ut, condimentum ut, sem. Aenean ante neque, imperdiet sed, ultricies vitae, aliquam dictum, arcu. Aenean arcu est, semper vitae, euismod quis, vehicula eu, risus.

Aenean ante elit, elementum et, varius ut, condimentum ut, sem. Aenean ante neque, imperdiet sed, ultricies vitae, aliquam dictum, arcu. Aenean arcu est, semper vitae, euismod quis, vehicula eu, risus.

Lists

Bulleted list:

  • first level
  • first level
    • second level
    • second level
      • third level
      • third level

Ordered list:

  1. first level
  2. first level
    1. second level
    2. second level
      1. third level
      2. third level

Links

You can insert internal links (links to pages within the website), external links (links to external sites) or e-mail links (links that open the user's email client when clicked).

Additional link stylings:

Tables

# FirstName LastName Username
1 Benjamin Kott @benjaminkott
2 John Doe -
3 Larry the Bird @twitter

Address

John Doe

Street
Zip & City

+49 1234 456-7890

+49 1234 456-7891

john.doe@example.com

www.example.com

 

Bootstrap Package
TypoScript Constants
plugin.bootstrap_package.settings.scss {
    primary = #fd7e14
}
page.theme.googleFont {
    font = Lora
}