PHPackages svenjuergens/content-wrapper - 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. svenjuergens/content-wrapper ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility) svenjuergens/content-wrapper ============================ Own Css Classes for every content element 4.0.0(1mo ago)1932GPL-2.0-or-laterPHP Since Aug 21Pushed 1mo ago1 watchersCompare [ Source](https://github.com/SvenJuergens/content_wrapper)[ Packagist](https://packagist.org/packages/svenjuergens/content-wrapper)[ RSS](/packages/svenjuergens-content-wrapper/feed)WikiDiscussions main Synced 3w ago READMEChangelog (2)Dependencies (2)Versions (7)Used By (0) TYPO3 Extension Content Wrapper =============================== [](#typo3-extension-content-wrapper) Own Css Classes for every content element Installation ------------ [](#installation) Simply install the extension with Extension Manager or Composer `composer req svenjuergens/content-wrapper` Configuration ------------- [](#configuration) After Installation each Content Element has new BackendFields in the tab "Appearance". [![newFieldsInBackend.png](https://raw.githubusercontent.com/SvenJuergens/content_wrapper/main/Dokumentation/Images/usingPredefinedBootstrapClasses.png)](https://raw.githubusercontent.com/SvenJuergens/content_wrapper/main/Dokumentation/Images/usingPredefinedBootstrapClasses.png) on the left a free input field and on the right a select field for predefined classes. The extension comes with a few pre-built Bootstrap4 helper class groups, the groups can be added individually in the page's TSConfig. [![TSConfigForPredefinedBootstrapClasses](https://raw.githubusercontent.com/SvenJuergens/content_wrapper/main/Dokumentation/Images/TSConfigForPredefinedBootstrapClasses.png)](https://raw.githubusercontent.com/SvenJuergens/content_wrapper/main/Dokumentation/Images/TSConfigForPredefinedBootstrapClasses.png) Integration in HTML Templates ----------------------------- [](#integration-in-html-templates) The most important part is the output of the classes. For this, the template files used must be adapted. If you use the Bootstrap package, it would probably be the my\_sitepackage/Resources/Private/Layouts/ContentElements/Default.html With the CSS classes that can be entered via the free input field, you can directly output the database field. [![classesFromInputField.png](https://raw.githubusercontent.com/SvenJuergens/content_wrapper/main/Dokumentation/Images/classesFromInputField.png)](https://raw.githubusercontent.com/SvenJuergens/content_wrapper/main/Dokumentation/Images/classesFromInputField.png) For the classes from the select field, the commas must be removed beforehand. This is done with the help of the TypoScript snippet lib.extContentWrapperReplaceComma, which is automatically integrated via ext\_localconf.php. Afterwards, the classes can also be integrated here individually [![classesFromSelectField.png.png](https://raw.githubusercontent.com/SvenJuergens/content_wrapper/main/Dokumentation/Images/classesFromSelectField.png)](https://raw.githubusercontent.com/SvenJuergens/content_wrapper/main/Dokumentation/Images/classesFromSelectField.png) ### Health Score 47 — FairBetter than 93% of packages Maintenance94 Actively maintained with recent releases Popularity19 Limited adoption so far Community7 Small or concentrated contributor base Maturity55 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 ~433 days Total 5 Last Release 32d ago Major Versions 1.0.1 → 2.0.02023-08-29 2.0.0 → 3.0.02024-12-10 3.0.0 → 4.0.02026-05-22 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/20923295?v=4)[Sven Jürgens](/maintainers/SvenJuergens)[@SvenJuergens](https://github.com/SvenJuergens) --- Top Contributors [![SvenJuergens](https://avatars.githubusercontent.com/u/20923295?v=4)](https://github.com/SvenJuergens "SvenJuergens (27 commits)") ### Embed Badge ![Health badge](/badges/svenjuergens-content-wrapper/health.svg) ``` [![Health](https://phpackages.com/badges/svenjuergens-content-wrapper/health.svg)](https://phpackages.com/packages/svenjuergens-content-wrapper) ``` ### Alternatives [friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 101466.4k45](/packages/friendsoftypo3-content-blocks)[wazum/sluggi TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects 41515.2k](/packages/wazum-sluggi)[praetorius/vite-asset-collector Use AssetCollector to embed frontend assets generated by vite 54299.7k1](/packages/praetorius-vite-asset-collector)[typo3/cms-redirects TYPO3 CMS Redirects - Create manual redirects, list existing redirects and automatically createredirects on slug changes. 167.3M74](/packages/typo3-cms-redirects)[typo3/cms-sys-note TYPO3 CMS System Notes - Records with messages which can be placed on any page and contain instructions or other information related to a page or section. 116.2M37](/packages/typo3-cms-sys-note)[b13/assetcollector Asset collector - Add CSS and SVG files and strings as inline style tag/inline svg to the html code. 10123.2k](/packages/b13-assetcollector) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)