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. [Templating & Views](/categories/templating) 4. / 5. b13/backendpreviews ActiveTypo3-cms-extension[Templating & Views](/categories/templating) b13/backendpreviews =================== Enhanced Fluid based backend element previews - Adds full Fluid Templates/Layouts/Partials to backend element previews to enable consistent use of partials. 1.5.2(2mo ago)1369.2k↓51%1[3 PRs](https://github.com/b13/backendpreviews/pulls)GPL-2.0-or-laterPHPPHP ^7.4 || ~8.0CI passing Since Apr 16Pushed 3w ago7 watchersCompare [ Source](https://github.com/b13/backendpreviews)[ Packagist](https://packagist.org/packages/b13/backendpreviews)[ RSS](/packages/b13-backendpreviews/feed)WikiDiscussions main Synced 2d ago READMEChangelog (10)Dependencies (9)Versions (68)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. Requirements ------------ [](#requirements) - TYPO3 v10.4, v11.5, v12.4, v13.4 or v14 - PHP 7.4 or higher 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' ``` On TYPO3 v13 and v14 you can alternatively include the shipped site set `b13/backendpreviews`as a dependency of your own site set (`Configuration/Sets//settings.yaml`) instead of importing the PageTsConfig manually: ``` dependencies: - b13/backendpreviews ``` 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']); ``` ViewHelpers ----------- [](#viewhelpers) To make it easier to build your own preview templates, the extension ships a few ViewHelpers in the namespace `B13\Backendpreviews\ViewHelpers`. Register them in your template like this: ``` ``` - `b13:renderBodytext` – prepares a `bodytext` value for a preview: strips tags (keeping `ol, ul, li`by default), crops to a number of characters (`crop`, default `1500`, `0` disables cropping) and converts newlines to ``. ``` {text -> b13:renderBodytext(crop: 200) -> f:format.raw()} ``` - `b13:getDatabaseRecord` – fetches database record(s) by uid (or a comma-separated `uidList`) from a table (`table`, default `tt_content`) so their fields can be used inside the preview. - `b13:explodeList` – splits a list value into an array you can iterate over with `f:for`, either by a character (`splitChar`, default `,`) or by newlines (`splitNL`). License ------- [](#license) As TYPO3 Core, *backendpreviews* is licensed under GPL2 or later. See the LICENSE file for more details. Background, Authors & 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 58 — FairBetter than 98% of packages Maintenance91 Actively maintained with recent releases Popularity38 Limited adoption so far Community18 Small or concentrated contributor base Maturity72 Established project with proven stability Bus Factor1 Top contributor holds 61.9% 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 ~96 days Total 42 Last Release 70d 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 (86 commits)")[![achimfritz](https://avatars.githubusercontent.com/u/2152991?v=4)](https://github.com/achimfritz "achimfritz (21 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 [friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 103519.9k53](/packages/friendsoftypo3-content-blocks)[fluidtypo3/vhs This is a collection of ViewHelpers for performing rendering tasks that are not natively provided by TYPO3's Fluid templating engine. 2034.2M62](/packages/fluidtypo3-vhs)[bk2k/bootstrap-package Bootstrap Package delivers a full configured frontend theme for TYPO3, based on the Bootstrap CSS Framework. 354960.6k98](/packages/bk2k-bootstrap-package)[b13/container Container Content Elements - Create Custom Container Content Elements for TYPO3 1833.4M109](/packages/b13-container)[netresearch/rte-ckeditor-image Image support in CKEditor for the TYPO3 ecosystem - by Netresearch 611.1M8](/packages/netresearch-rte-ckeditor-image)[wazum/sluggi TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects 40529.5k](/packages/wazum-sluggi) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)