Download the PHP package oliverthiele/ot-ceheader without Composer
On this page you can find all versions of the php package oliverthiele/ot-ceheader. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download oliverthiele/ot-ceheader
More information about oliverthiele/ot-ceheader
Files in oliverthiele/ot-ceheader
Package ot-ceheader
Short Description CE Header - Adds an optional RTE-based header field (header_rte) with preheader and icon support for tt_content headers.
License GPL-2.0-or-later
Homepage https://www.oliver-thiele.de
Informations about the package ot-ceheader
OT CE Header — TYPO3 Extension
Enhanced header content element for TYPO3 v13 and v14 with RTE support, preheader (eyebrow), icons, and responsive line breaks.
Features
- RTE-enabled headers: Format parts of your header with bold, italic, or color highlights
- Preheader/Eyebrow: Optional badge-styled text above the main header
- Icon support: Add icons to headers via ot-icons
- Responsive line breaks: Line breaks on desktop, spaces on mobile
- Color highlighting: Apply primary, secondary, or tertiary colors to text portions
- Accessible: Semantic HTML, proper heading hierarchy (h1-h6), ARIA attributes
- Bootstrap 5 compatible: Uses Bootstrap utility classes
Requirements
| Requirement | Version |
|---|---|
| TYPO3 | ^13.4 \| ^14.3 |
| PHP | >=8.3 |
| oliverthiele/ot-icons | ^1.0 |
Installation
Composer (recommended)
Activation
- Activate the extension in the TYPO3 Extension Manager
- Include the Site Set "CE Header" in your site configuration
Usage
New fields in tt_content
The extension adds three fields to the "headers" palette:
| Field | Description |
|---|---|
preheader |
Eyebrow text displayed above the header |
header_rte |
Rich-text header (alternative to standard header) |
icon_identifier |
Icon identifier for ot-icons |
RTE formatting options
The header RTE provides a minimal toolbar:
- Bold / Italic
- Style dropdown: Primary, Secondary, Tertiary color
- Soft hyphen: For controlled word breaks
- Source editing: For advanced users
Responsive line breaks
Use <br> in the RTE for line breaks that:
- Display as line breaks on desktop (≥768px)
- Display as spaces on mobile (<768px)
This allows multi-line headers on desktop while maintaining readability on mobile.
Example output
Configuration
TypoScript
The extension registers partial paths automatically. To customize, override:
RTE preset
The extension registers an RTE preset otCeheader. To customize, create your own YAML configuration and reference it in page.tsconfig:
Styling
Required CSS
The extension includes minimal required CSS via f:asset.css. For custom styling, target these classes:
Color classes
Define these CSS custom properties or classes in your theme:
Accessibility
- Semantic heading elements (h1-h6) based on backend configuration
role="doc-subtitle"for subheadersaria-hidden="true"for decorative icons- Unique IDs for anchor linking (
header-u{uid}) - Responsive line breaks hidden from screen readers
Sponsor
Development of this extension was sponsored by WWE Media.
License
GPL-2.0-or-later
Author
Oliver Thiele — oliver-thiele.de
All versions of ot-ceheader with dependencies
ext-dom Version *
ext-libxml Version *
typo3/cms-core Version ^13.4||^14.3
oliverthiele/ot-icons Version ^2.0.0