PHPackages oliverthiele/ot-ceheader - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. oliverthiele/ot-ceheader ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility) oliverthiele/ot-ceheader ======================== CE Header - Adds an optional RTE-based header field (header\_rte) with preheader and icon support for tt\_content headers. 2.1.1(1mo ago)01091[1 PRs](https://github.com/oliverthiele/ot-ceheader/pulls)1GPL-2.0-or-laterPHPPHP >=8.3 Since Jan 17Pushed 1mo agoCompare [ Source](https://github.com/oliverthiele/ot-ceheader)[ Packagist](https://packagist.org/packages/oliverthiele/ot-ceheader)[ Docs](https://www.oliver-thiele.de)[ RSS](/packages/oliverthiele-ot-ceheader/feed)WikiDiscussions develop Synced 3w ago READMEChangelogDependencies (6)Versions (8)Used By (1) OT CE Header — TYPO3 Extension ============================== [](#ot-ce-header--typo3-extension) Enhanced header content element for TYPO3 v13 and v14 with RTE support, preheader (eyebrow), icons, and responsive line breaks. [![TYPO3](https://camo.githubusercontent.com/b53bdca9ce384fc877701998f476e5f2dbf33c5e3563e6f8bd197b46a3160f35/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5459504f332d31332e3425323025374325323031342e332d6f72616e67652e737667)](https://typo3.org/)[![Packagist Version](https://camo.githubusercontent.com/fa435c0e967e7032fc998bc788352969a8d1c7043a6a8eab709398b57717b745/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6f6c69766572746869656c652f6f742d63656865616465722e737667)](https://packagist.org/packages/oliverthiele/ot-ceheader)[![PHP](https://camo.githubusercontent.com/48d6946af7732ada889b85e8895032f9f1c4323bf3024b51c644ea6c43dcd4a9/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646570656e64656e63792d762f6f6c69766572746869656c652f6f742d63656865616465722f7068702e737667)](https://php.net/)[![License](https://camo.githubusercontent.com/c410e368ecc2813f6149fe4f8a26fd5fe9c2fdc136993ccc2c74d2668820b625/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f6f6c69766572746869656c652f6f742d63656865616465722e737667)](LICENSE)[![Changelog](https://camo.githubusercontent.com/6bc02a7bc61afc1cb3faaa53420df6d904b9940d7f3e2e11a463e1fdbb3cd52d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4368616e67656c6f672d4348414e47454c4f472e6d642d626c75652e737667)](CHANGELOG.md) --- Features -------- [](#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](https://github.com/oliverthiele/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 ------------ [](#requirements) RequirementVersionTYPO3`^13.4 | ^14.3`PHP`>=8.3`[oliverthiele/ot-icons](https://packagist.org/packages/oliverthiele/ot-icons)`^1.0`Installation ------------ [](#installation) ### Composer (recommended) [](#composer-recommended) ``` composer require oliverthiele/ot-ceheader ``` ### Activation [](#activation) 1. Activate the extension in the TYPO3 Extension Manager 2. Include the Site Set "CE Header" in your site configuration Usage ----- [](#usage) ### New fields in tt\_content [](#new-fields-in-tt_content) The extension adds three fields to the "headers" palette: FieldDescription`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 [](#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 [](#responsive-line-breaks) Use `` 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 [](#example-output) ``` New Feature Welcome to Our Website Your tagline here ``` Configuration ------------- [](#configuration) ### TypoScript [](#typoscript) The extension registers partial paths automatically. To customize, override: ``` lib.contentElement { partialRootPaths { 20 = EXT:your_sitepackage/Resources/Private/Partials/ } } ``` ### RTE preset [](#rte-preset) The extension registers an RTE preset `otCeheader`. To customize, create your own YAML configuration and reference it in `page.tsconfig`: ``` RTE.config.tt_content.header_rte.preset = yourCustomPreset ``` Styling ------- [](#styling) ### Required CSS [](#required-css) The extension includes minimal required CSS via `f:asset.css`. For custom styling, target these classes: ``` .ot-ceheader-h { } /* Header element (flex container) */ .ot-ceheader-text { } /* Text wrapper */ .ot-ceheader-preheader { } /* Eyebrow badge */ .ot-ceheader-subheader { } /* Subheader text */ .ot-ceheader-br { } /* Responsive line break */ .header-line { } /* Individual header lines */ ``` ### Color classes [](#color-classes) Define these CSS custom properties or classes in your theme: ``` .text-primary { color: var(--bs-primary); } .text-secondary { color: var(--bs-secondary); } .text-tertiary { color: var(--your-tertiary-color); } ``` Accessibility ------------- [](#accessibility) - Semantic heading elements (h1-h6) based on backend configuration - `role="doc-subtitle"` for subheaders - `aria-hidden="true"` for decorative icons - Unique IDs for anchor linking (`header-u{uid}`) - Responsive line breaks hidden from screen readers Sponsor ------- [](#sponsor) Development of this extension was sponsored by [WWE Media](https://www.wwe-media.de/). License ------- [](#license) GPL-2.0-or-later Author ------ [](#author) Oliver Thiele — [oliver-thiele.de](https://www.oliver-thiele.de) ### Health Score 45 — FairBetter than 91% of packages Maintenance93 Actively maintained with recent releases Popularity14 Limited adoption so far Community11 Small or concentrated contributor base Maturity54 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~24 days Total 6 Last Release 33d ago Major Versions v1.0.1 → v2.0.02026-04-25 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/5030298?v=4)[Oliver Thiele](/maintainers/oliverthiele)[@oliverthiele](https://github.com/oliverthiele) --- Top Contributors [![oliverthiele](https://avatars.githubusercontent.com/u/5030298?v=4)](https://github.com/oliverthiele "oliverthiele (13 commits)") --- Tags headerextensionCKEditortypo3rtecontent element ### Embed Badge ![Health badge](/badges/oliverthiele-ot-ceheader/health.svg) ``` [![Health](https://phpackages.com/badges/oliverthiele-ot-ceheader/health.svg)](https://phpackages.com/packages/oliverthiele-ot-ceheader) ``` ### Alternatives [wazum/sluggi TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects 41515.2k](/packages/wazum-sluggi)[quellenform/t3x-iconpack Provides an iconpack-registry for custom iconpacks. 1449.1k26](/packages/quellenform-t3x-iconpack)[t3brightside/pagelist TYPO3 CMS extension to create news, events, vacancies and products or just page lists. Demo: microtemplate.t3brightside.com 1121.0k1](/packages/t3brightside-pagelist) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)