PHPackages                             b13/backendpreviews - 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. b13/backendpreviews

ActiveTypo3-cms-extension

b13/backendpreviews
===================

Enhanced Fluid based backend element previews

1.5.1(2mo ago)1260.4k↓15.1%1GPL-2.0-or-laterPHPPHP ^7.4 || ~8.0CI passing

Since Apr 16Pushed 2mo ago7 watchersCompare

[ Source](https://github.com/b13/backendpreviews)[ Packagist](https://packagist.org/packages/b13/backendpreviews)[ RSS](/packages/b13-backendpreviews/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (6)Versions (61)Used By (0)

Nice Backend Previews for Content Elements in TYPO3
===================================================

[](#nice-backend-previews-for-content-elements-in-typo3)

About this extension
--------------------

[](#about-this-extension)

This extension adds a hook for rendering content element previews for TYPO3's backend view in the page module, adding the ability to use Fluid Partials and Layouts to enable consistent preview markup.

Installation
------------

[](#installation)

Use composer to add this content element to your project

`composer require b13/backendpreviews`

and install the extension using the Extension Manager in your TYPO3 backend.

Add configuration
-----------------

[](#add-configuration)

Add this to your PageTsConfig to include the default Fluid Templates provided with this extension:

```
@import 'EXT:backendpreviews/Configuration/PageTs/PageTs.tsconfig'

```

You can add your own paths to the setup using PageTsConfig in your own site-extension:

```
mod.web_layout.tt_content.preview.view {
  layoutRootPaths.10 = EXT:site_example/Resources/Private/Contenttypes/Backend/Layouts
  partialRootPaths.10 = EXT:site_example/Resources/Private/Contenttypes/Backend/Partials
  templateRootPaths.10 = EXT:site_example/Resources/Private/Contenttypes/Backend/Templates
}

```

By default, we will try to find a template to render a preview based on the CType of the element, meaning for CType `mytype` we will try to find a template named `Mytype.html` in one of the paths defined in the `templateRootPaths`-Array.

You can set a different templateName explicitly like this:

```
mod.web_layout.tt_content.preview.template.mytype = Myowntemplate

```

For plugins a template name for a specific plugin can be specified like this:

```
mod.web_layout.tt_content.preview.template.list.mylist_type = Listtypetemplate

```

All flexform data of the plugin are available in `{pi_flexform_transformed}` to create meaningful previews:

```
Page: {pi_flexform_transformed.settings.page}

```

Use custom backend previews for default CTypes
----------------------------------------------

[](#use-custom-backend-previews-for-default-ctypes)

Default CTypes for `fluid_styled_content` define dedicated `previewRenderer` classes. If you want to use `EXT:backendpreviews` instead, remove the configuration for each of these CTypes in your extension's `ext_localconf.php`:

```
unset($GLOBALS['TCA']['tt_content']['types']['textpic']['previewRenderer']);

```

License
-------

[](#license)

As TYPO3 Core, *backendpreviews* is licensed under GPL2 or later. See the LICENSE file for more details.

Background, Authors &amp; Further Maintenance
---------------------------------------------

[](#background-authors--further-maintenance)

`EXT:backendpreviews` was initially created by David Steeb in 2021 for [b13, Stuttgart](https://b13.com). We use this as a basis to add consistent previews for our custom content element types.

[Find more TYPO3 extensions we have developed](https://b13.com/useful-typo3-extensions-from-b13-to-you) that help us deliver value in client projects. As part of the way we work, we focus on testing and best practices to ensure long-term performance, reliability, and results in all our code.

###  Health Score

56

—

FairBetter than 98% of packages

Maintenance84

Actively maintained with recent releases

Popularity38

Limited adoption so far

Community18

Small or concentrated contributor base

Maturity71

Established project with proven stability

 Bus Factor1

Top contributor holds 63% 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 ~44 days

Recently: every ~86 days

Total

41

Last Release

82d ago

Major Versions

0.1.18 → 1.0.02022-12-13

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/3862523?v=4)[David Steeb](/maintainers/davidsteeb)[@davidsteeb](https://github.com/davidsteeb)

---

Top Contributors

[![davidsteeb](https://avatars.githubusercontent.com/u/3862523?v=4)](https://github.com/davidsteeb "davidsteeb (85 commits)")[![achimfritz](https://avatars.githubusercontent.com/u/2152991?v=4)](https://github.com/achimfritz "achimfritz (18 commits)")[![bmack](https://avatars.githubusercontent.com/u/165630?v=4)](https://github.com/bmack "bmack (16 commits)")[![ervaude](https://avatars.githubusercontent.com/u/7824856?v=4)](https://github.com/ervaude "ervaude (8 commits)")[![jschlier](https://avatars.githubusercontent.com/u/9108576?v=4)](https://github.com/jschlier "jschlier (4 commits)")[![stegmatze](https://avatars.githubusercontent.com/u/14198734?v=4)](https://github.com/stegmatze "stegmatze (2 commits)")[![christophlehmann](https://avatars.githubusercontent.com/u/4953689?v=4)](https://github.com/christophlehmann "christophlehmann (1 commits)")[![o-ba](https://avatars.githubusercontent.com/u/8812114?v=4)](https://github.com/o-ba "o-ba (1 commits)")

###  Code Quality

Static AnalysisPHPStan

Type Coverage Yes

### Embed Badge

![Health badge](/badges/b13-backendpreviews/health.svg)

```
[![Health](https://phpackages.com/badges/b13-backendpreviews/health.svg)](https://phpackages.com/packages/b13-backendpreviews)
```

###  Alternatives

[aimeos/aimeos-typo3

Professional, full-featured and high performance TYPO3 e-commerce extension for online shops and complex B2B projects

1.5k91.2k4](/packages/aimeos-aimeos-typo3)[fluidtypo3/vhs

This is a collection of ViewHelpers for performing rendering tasks that are not natively provided by TYPO3's Fluid templating engine.

1954.1M49](/packages/fluidtypo3-vhs)[b13/container

Create Custom Container Content Elements for TYPO3

1823.1M63](/packages/b13-container)[typo3/testing-framework

The TYPO3 testing framework provides base classes for unit, functional and acceptance testing.

675.0M775](/packages/typo3-testing-framework)[fluidtypo3/flux

The flux package from FluidTYPO3

152982.2k20](/packages/fluidtypo3-flux)[netresearch/rte-ckeditor-image

Image support in CKEditor for the TYPO3 ecosystem - by Netresearch

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

PHPackages © 2026

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