DCE Umschliessendes DIV (class="frame frame-default) in TYPO3 8.7 entfernen

Mit dem überarbeiteten Fluid Styled Content hat sich ein neues umschliessendes DIV eingeschlichen, welches speziell im Kontext einiger Frontend Frameworks und Templates stört. Hier 2 Ansätze.

1. Global für alle DCE  elemente, indem in der .../fluid_styled_content/Resources/Private/Layouts/Default.html mittels IF Abfrage eine Ausnahme für alle DCE Elemente gemacht wird.

 

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:spaceless>
<f:if condition="{data.frame_class} != none">
<f:then>
<f:if condition="{data.tx_dce_dce}">
<f:comment>Die Ausnahme für die DCE</f:comment>
<f:then>
<f:if condition="{data._LOCALIZED_UID}">
<a id="c{data._LOCALIZED_UID}"></a>
</f:if>
<f:render section="Before" optional="true">
<f:render partial="DropIn/Before/All" arguments="{_all}" />
</f:render>
<f:render section="Header" optional="true">
<f:render partial="Header/All" arguments="{_all}" />
</f:render>
<f:render section="Main" optional="true" />
<f:render section="Footer" optional="true">
<f:render partial="Footer/All" arguments="{_all}" />
</f:render>
<f:render section="After" optional="true">
<f:render partial="DropIn/After/All" arguments="{_all}" />
</f:render>

</f:then>
<f:else>
<f:comment>Hier der alte Standart</f:comment>


<div id="c{data.uid}" class="frame frame-{data.frame_class} frame-type-{data.CType} frame-layout-{data.layout}{f:if(condition: data.space_before_class, then: ' frame-space-before-{data.space_before_class}')}{f:if(condition: data.space_after_class, then: ' frame-space-after-{data.space_after_class}')}">
<f:if condition="{data._LOCALIZED_UID}">
<a id="c{data._LOCALIZED_UID}"></a>
</f:if>
<f:render section="Before" optional="true">
<f:render partial="DropIn/Before/All" arguments="{_all}" />
</f:render>
<f:render section="Header" optional="true">
<f:render partial="Header/All" arguments="{_all}" />
</f:render>
<f:render section="Main" optional="true" />
<f:render section="Footer" optional="true">
<f:render partial="Footer/All" arguments="{_all}" />
</f:render>
<f:render section="After" optional="true">
<f:render partial="DropIn/After/All" arguments="{_all}" />
</f:render>
</div>

</f:else>

</f:if>
<f:comment>Schliessen der IF nicht vergessen</f:comment>

</f:then>
<f:else>

<a id="c{data.uid}"></a>
<f:if condition="{data._LOCALIZED_UID}">
<a id="c{data._LOCALIZED_UID}"></a>
</f:if>
<f:if condition="{data.space_before_class}">
<div class="frame-space-before-{data.space_before_class}"></div>
</f:if>
<f:render section="Before" optional="true">
<f:render partial="DropIn/Before/All" arguments="{_all}" />
</f:render>
<f:render section="Header" optional="true">
<f:render partial="Header/All" arguments="{_all}" />
</f:render>
<f:render section="Main" optional="true" />
<f:render section="Footer" optional="true">
<f:render partial="Footer/All" arguments="{_all}" />
</f:render>
<f:render section="After" optional="true">
<f:render partial="DropIn/After/All" arguments="{_all}" />
</f:render>
<f:if condition="{data.space_after_class}">
<div class="frame-space-after-{data.space_after_class}"></div>
</f:if>

</f:else>
</f:if>
</f:spaceless>
</html>

2. Für jedes einzelne Element in dem Element an sich unter Misc. palette fields die Auswahl für den anzuzeigenden Frametype hinzugefügt wird. So kann dann der Redakteur entscheiden, welchen Frame das Element bekommen soll, bzw ob der None gesetzt werden soll, um das Umschliessende DIV zu vermeiden.

Siehe Screen bei den Bildern...