---
title: "Feature: #108726 - Introduce Fluid f:render.contentArea ViewHelper"
manual: "TYPO3 Core Changelog"
version: "main"
permalink: "https://docs.typo3.org/permalink/changelog:feature-108726-1769071158"
source: "Changelog/14.2/Feature-108726-IntroduceFluidRenderContentAreaViewHelper.rst"
typo3-version: "14.2"
typo3-major: 14
type: "feature"
issue: 108726
forge: "https://forge.typo3.org/issues/108726"
tags: ["Frontend", "ext:fluid"]
rendered: "2026-09-20T18:31:11+00:00"
---

# Feature: #108726 - Introduce Fluid f:render.contentArea ViewHelper {#feature-108726-1769071158}

See [forge#108726](https://forge.typo3.org/issues/108726)

## Description {#description}

Instead of using `<f:cObject>` and `<f:for>` ViewHelpers to render content areas,
the new `<f:render.contentArea>` ViewHelper can be used.

It allows content areas to be rendered while enabling other extensions to modify
the output via PSR-14 EventListeners.

This is especially useful for adding debugging wrappers or additional HTML structure
around content areas.

By default, the ViewHelper renders the content area as-is, but EventListeners
can listen to the `ModifyRenderedContentAreaEvent` and modify the output.

You need to use the `PAGEVIEW` config like this:

```typoscript
page = PAGE
page.10 = PAGEVIEW
page.10.paths.10 = EXT:my_site_package/Resources/Private/Templates/
```

**MyPage.fluid.html**

```html
<f:render.contentArea contentArea="{content.left}"/>
or
{content.left -> f:render.contentArea()}
```

The ViewHelper also supports wrapping each content element with additional markup
if combined with the [\<f:render.record> ViewHelper](https://docs.typo3.org/other/typo3/view-helper-reference/main/en-us/Global/Render/Record.html#typo3-fluid-render-record):

**MyPage.fluid.html**

```html
<f:render.contentArea contentArea="{content.main}" recordAs="record">
    before {record.fullType}
    <f:render.record record="{record}" />
    after {record.fullType}
</f:render.contentArea>
```

## Impact {#impact}

Theme creators are encouraged to use the `<f:render.contentArea>` ViewHelper
to allow other extensions to modify the output via EventListeners.