---
title: "Content Objekt in eigenem HTML rendern"
url: "https://www.typo3.net/d/126948-content-objekt-in-eigenem-html-rendern"
source: "typo3.net"
tags: ["Allgemein","Frage","TYPO3 8"]
created: "2018-07-24"
last_reply: "2018-07-25"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Content Objekt in eigenem HTML rendern

Allgemein · 1 Antwort · gestartet 2018-07-24

## Eröffnungsbeitrag

**MichaGrandel** · 2018-07-24 · [Beitrag #1](https://www.typo3.net/d/126948-content-objekt-in-eigenem-html-rendern/1)

Hallo Leute,

normalerweise bin ich nicht zu dumm zum googlen, aber ich versuche nun schon seit Tagen, folgendes Problem zu lösen und komme einfach nicht weiter:

Ich habe ein Content Element vom Typ "Bilder" oder "Text und Bilder" (im Backend) und möchte dies mit eigenem HTML ausgeben, z.B. folgendermaßen:

```html
<section class="teaser" style="background-url:('fileadmin/foo.jpg')">
   <h2 class="hide-text">Bild-Titel aus dem Content-Element</h2>
   <p>Bildbeschreibung aus dem Content-Element</p>
</section>
```

Ich nutze Fluid styling, scheitere aber schon daran, dass ich im Fluid Template nur den fertigen HTML-Quellcode für das Bild bekomme, z.B.:

```html
<img src="fileadmin/foo.jpg" alt="foo" title="bar">
```

Meine Typoscript Kenntnisse sind bisher noch nicht so weit, daher sieht mein Setup im Grunde ungefähr so aus:

```typoscript
lib.teaser = CONTENT
lib.teaser {
    table = tt_content
    select.where = colPos = {$teaser_column}
    languageField = sys_language_uid
}
page = PAGE
page {
    typeNum = 0
    10 = FLUIDTEMPLATE
    10 {
        format = html
        file = {$root}/Templates/{$template}/Layouts/{$main_layout}.html
        layoutRootPath = {$root}/Templates/{$template}/Layouts
        partialRootPath = {$root}/Templates/{$template}/Partials
        variables {
            teaser < lib.teaser
        }

        # load templates for sections, otherwise Typo3 won't find your sections
        file.stdWrap.cObject = CASE
        file.stdWrap.cObject {
            key.data = levelfield:-1, backend_layout_next_level, slide
            key.override.field = backend_layout

            default = TEXT
            default.value = {$root}/Templates/{$template}/Templates/Main.html
        }
    }
```

Ich wäre echt froh, wenn jemand die Geduld hätte, mir zu erklären, wie ich hier vorwärts komme.

Danke im voraus,
Micha

## Antworten

### [#2](https://www.typo3.net/d/126948-content-objekt-in-eigenem-html-rendern/2) · Teisinger · 2018-07-25

Wenn du mit Fluid arbeitest und den Standard Inhaltselementen kannst du die Fluid-Templates ganz einfach überschreiben:

a) Adde TypoScript z. B.:

```typoscript
lib.contentElement {
    templateRootPaths {
        10 = {$theme.urls.themeResources}Private/Extensions/fluid_styled_content/Resources/Private/Templates/
        20 = {$styles.templates.templateRootPath}
    }
    partialRootPaths {
        10 = {$theme.urls.themeResources}Private/Extensions/fluid_styled_content/Resources/Private/Partials/
        20 = {$styles.templates.partialRootPath}
    }
    layoutRootPaths {
        10 = {$theme.urls.themeResources}Private/Extensions/fluid_styled_content/Resources/Private/Layouts/
        20 = {$styles.templates.layoutRootPath}
    }
}
```

b) kopiere das entsprechende HTML-FLUID-Template von der OriginalResource (typo3/sysext/fluid_styled_content/Resources....) in deinen entsprechenden Ordner, wie unter a) angegeben. Dort kannst du ihn dann manipulieren wie du lustig bist.

c) Achtung die Ordner und Namensgebung innerhalb von "/Templates/ - /Partials/ - /Layouts/" muss mit dem Originalem übereinstimmen.

---

Quelle: „Content Objekt in eigenem HTML rendern“, typo3.net, https://www.typo3.net/d/126948-content-objekt-in-eigenem-html-rendern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.