Por defecto, el código HTML no se interpreta en los encabezados, por lo que no es posible, por ejemplo, colocar específicamente un salto de línea en un encabezado utilizando la etiqueta <br>.
Mientras que antes de TYPO3 7 LTS este comportamiento se podía habilitar a través de TypoScript cuando se utilizaba css_styled_content, funciona un poco diferente de TYPO3 7 LTS con fluid_styled_content.
Como fluid_styled_content realiza la salida de los elementos de contenido a través de plantillas fluidas, también puede comenzar aquí y adaptar la salida según sea necesario. Todas las opciones que Fluid también ofrece a través de Viewhelper están disponibles aquí.
Crear una copia del archivo de plantilla
Como nunca se deben modificar los ficheros fluid_styled_content originales, el primer paso es crear una copia del fichero que se va a editar.
La salida de los encabezados se controla a través del siguiente archivo. Se trata de un llamado parcial:
typo3_src-7.6.xx/typo3/sysext/fluid_styled_content/Resources/Private/Partitials/Header/Header.html
Para TYPO3 8 o posterior, la ruta dentro de typo3/sysext/... es idéntica.
Ahora cree un directorio para el parcial debajo de fileadmin/, por ejemplo
fileadmin/Templates/fluid_styled_content/Resources/Private/Partitials/Header/
Por supuesto, también puede almacenar el archivo dentro de su propia extensión/paquete de sitio, por ejemplo en typo3conf/ext/my_sitepackage/Resources/Private/Extensions/fluid_styled_content/Partials/Header/
Copiar el archivo Header.html del 1er directorio en el directorio creado anteriormente debajo de fileadmin/
Ahora tenemos que decirle a TYPO3 donde se encuentran nuestras copias de los parciales. Para ello, añada la siguiente línea a su configuración de TypoScript:
En TYPO3 7:
lib.fluidContent.partialRootPaths.100 = fileadmin/Templates/fluid_styled_content/Resources/Private/Partials/
De TYPO3 8:
lib.contentElement.partialRootPaths.100 = fileadmin/Templates/fluid_styled_content/Resources/Private/Partials/
El número 100 es de libre elección, pero debe ser mayor que 10, ya que 0 y 10 ya son utilizados por fluid_styled_content.
Editar el archivo parcial copiado
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:switch expression="{layout}">
<f:case value="1">
<h1><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></h1>
</f:case>
<f:case value="2">
<h2><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></h2>
</f:case>
<f:case value="3">
<h3><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></h3>
</f:case>
<f:case value="4">
<h4><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></h4>
</f:case>
<f:case value="5">
<h5><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></h5>
</f:case>
<f:case value="6">
<h6><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></h6>
</f:case>
<f:case value="100">
<f:comment> -- no mostrar cabecera -- </f:comment>
</f:case>
<f:case default="true">
<f:if condition="{default}">
<f:render partial="Cabecera/Header" arguments="{
header: header,
layout: default,
link: link}" />
</f:if>
</f:case>
</f:switch>
</html><html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:switch expression="{layout}">
<f:case value="1">
<h1><f:format.raw><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></f:format.raw></h1>
</f:case>
<f:case value="2">
<h2><f:format.raw><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></f:format.raw></h2>
</f:case>
<f:case value="3">
<h3><f:format.raw><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></f:format.raw></h3>
</f:case>
<f:case value="4">
<h4><f:format.raw><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></f:format.raw></h4>
</f:case>
<f:case value="5">
<h5><f:format.raw><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></f:format.raw></h5>
</f:case>
<f:case value="6">
<h6><f:format.raw><f:link.typolink parameter="{link}">{encabezado}</f:link.typolink></f:format.raw></h6>
</f:case>
<f:case value="100">
<f:comment> -- no mostrar cabecera -- </f:comment>
</f:case>
<f:case default="true">
<f:if condition="{default}">
<f:render partial="Cabecera/Header" arguments="{
header: header,
layout: default,
link: link}" />
</f:if>
</f:case>
</f:switch>
</html>