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. svenjuergens/content-wrapper

ActiveTypo3-cms-extension

svenjuergens/content-wrapper
============================

Own Css Classes for every content element

3.0.0(1y ago)1873↓100%GPL-2.0-or-laterPHP

Since Aug 21Pushed 1y 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 1mo ago

READMEChangelog (1)Dependencies (1)Versions (5)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

33

—

LowBetter than 74% of packages

Maintenance42

Moderate activity, may be stable

Popularity19

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity53

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 ~402 days

Total

4

Last Release

514d ago

Major Versions

1.0.1 → 2.0.02023-08-29

2.0.0 → 3.0.02024-12-10

### 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 (23 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

[netresearch/rte-ckeditor-image

Image support in CKEditor for the TYPO3 ecosystem - by Netresearch

63991.3k4](/packages/netresearch-rte-ckeditor-image)[christophlehmann/imageoptimizer

Optimize uploaded/processed images with binaries of your choice

46501.8k](/packages/christophlehmann-imageoptimizer)[b13/assetcollector

Add CSS and SVG files and strings as inline style tag/inline svg to the html code.

10118.4k](/packages/b13-assetcollector)[causal/fal-protect

Protect everything within /fileadmin/ based on associated folder and file restrictions (visibility, user groups and dates of publication).

1269.5k](/packages/causal-fal-protect)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)