@@ -27,6 +27,15 @@ $GLOBALS['TL_DCA']['tl_content']['palettes']['grid_placement_wrapper'] = '

     {invisible_legend:hide},invisible,start,stop

 ';

+$GLOBALS['TL_DCA']['tl_content']['palettes']['display_text'] = '

+    {type_legend},type;

+    {display_text_legend},vr_dt_plainText,vr_dt_size;

+    {template_legend:hide},customTpl;

+    {protected_legend:hide},protected;

+    {expert_legend:hide},cssID;

+    {invisible_legend:hide},invisible,start,stop

+';

+

 $GLOBALS['TL_DCA']['tl_content']['subpalettes']['vr_bw_addImage'] = 'vr_bw_bgSRC,size,vr_bw_bgSize,vr_bw_bgPos,vr_bw_bgOpacity,vr_bw_bgBesideContent';

 $GLOBALS['TL_DCA']['tl_content']['subpalettes']['vr_bw_bgBesideContent'] = 'vr_bw_bgHorizontalPosition,vr_bw_bgAsideContentResponsive';

 $GLOBALS['TL_DCA']['tl_content']['subpalettes']['vr_bw_minHeight_-mh-ratio'] = 'vr_bw_mh_ratio';

@@ -352,3 +361,23 @@ $GLOBALS['TL_DCA']['tl_content']['fields']['vr_subline'] = [

     'eval'                    => array('maxlength'=>255, 'tl_class'=>'w50'),

     'sql'                     => "varchar(255) NOT NULL default ''"

 ];

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['vr_dt_size'] = [

+    'inputType' => 'select',

+    'options' => ['small', 'medium', 'large', 'h1', 'h2', 'h3'],

+    'reference' => &$GLOBALS['TL_LANG']['tl_content']['vr_dt_size_options'],

+    'eval' => [

+        'includeBlankOption' => true,

+        'tl_class' => 'w50'

+    ],

+    'sql' => "varchar(32) NOT NULL default ''"

+];

+$GLOBALS['TL_DCA']['tl_content']['fields']['vr_dt_plainText'] = [

+    'inputType'               => 'textarea',

+    'eval'                    => [

+        'mandatory'=>true,

+        'helpwizard'=>true

+    ],

+    'explanation'             => 'insertTags',

+    'sql'                     => "mediumtext NULL"

+];

@@ -18,6 +18,14 @@

                 <source>Provides a grid wrapper where you can define the position of the nested fragments.</source>

                 <target>Bietet einen Grid-Wrapper, in dem Sie die Position der verschachtelten Fragmente festlegen können.</target>

             </trans-unit>

+            <trans-unit id="CTE.display_text.0">

+                <source>Display text</source>

+                <target>Display-Text</target>

+            </trans-unit>

+            <trans-unit id="CTE.display_text.1">

+                <source>A highlighted text block that can be prominently placed within a background wrapper.</source>

+                <target>Ein hervorgehobener Textblock, der innerhalb eines Hintergrundumschlags prominent platziert werden kann.</target>

+            </trans-unit>

         </body>

     </file>

 </xliff>

@@ -236,6 +236,27 @@

                 <source>Grid placement</source>

                 <target>Raster-Platzierung</target>

             </trans-unit>

+

+            <trans-unit id="tl_content.vr_dt_plainText.0">

+                <source>Display text</source>

+                <target>Display-Text</target>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_dt_plainText.1">

+                <source>The display text as a plain text.</source>

+                <target>Der Display-Text als simpler Text.</target>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_dt_size.0">

+                <source>Text size</source>

+                <target>Text-Größe</target>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_dt_size.1">

+                <source>The desired size of the display text.</source>

+                <target>Die gewünschte Text-Größe des Display-Texts.</target>

+            </trans-unit>

+            <trans-unit id="tl_content.display_text_legend">

+                <source>Display text</source>

+                <target>Display-Text</target>

+            </trans-unit>

         </body>

     </file>

 </xliff>

@@ -14,6 +14,12 @@

             <trans-unit id="CTE.grid_placement_wrapper.1">

                 <source>Provides a grid wrapper where you can define the position of the nested fragments.</source>

             </trans-unit>

+            <trans-unit id="CTE.display_text.0">

+                <source>Display text</source>

+            </trans-unit>

+            <trans-unit id="CTE.display_text.1">

+                <source>A highlighted text block that can be prominently placed within a background wrapper.</source>

+            </trans-unit>

         </body>

     </file>

 </xliff>

@@ -126,6 +126,16 @@

             <trans-unit id="tl_content.grid_placement_legend">

                 <source>Grid placement</source>

             </trans-unit>

+

+            <trans-unit id="tl_content.vr_dt_plainText.0">

+                <source>Display text</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_dt_plainText.1">

+                <source>The display text as a plain text.</source>

+            </trans-unit>

+            <trans-unit id="tl_content.display_text_legend">

+                <source>Display text</source>

+            </trans-unit>

         </body>

     </file>

 </xliff>

new file mode 100644

@@ -0,0 +1,14 @@

+{% extends "@Contao/content_element/_base.html.twig" %}

+{% use "@Contao/component/_rich_text.html.twig" %}

+

+{% set attributes = attrs()

+    .addClass('reveal')

+    .mergeWith(attributes|default)

+%}

+

+{% block content %}

+    {# Richtext #}

+    {% block text %}

+        {% with {text, attributes: text_attributes|default} %}{{ block('rich_text_component') }}{% endwith %}

+    {% endblock %}

+{% endblock %}

new file mode 100644

@@ -0,0 +1,24 @@

+.content-display-text {

+  --inner-padding: 0;

+  display: flex;

+  align-items: center;

+  justify-content: center;

+  padding: var(--inner-padding);

+  position: relative;

+  font-size: clamp(1.25rem, 7vw, 2.5rem);

+  font-weight: 800;

+  text-transform: uppercase;

+  box-sizing: border-box;

+}

+.content-display-text > .rte {

+  position: relative;

+}

+.content-display-text .text-small {

+  font-size: clamp(1.25rem, 7vw, 2.5rem);

+}

+.content-display-text .text-medium {

+  font-size: clamp(1.333rem, 7vw, 2.75rem);

+}

+.content-display-text .text-large {

+  font-size: clamp(1.5rem, 7vw, 3rem);

+}

new file mode 100644

@@ -0,0 +1 @@

+.content-display-text{--inner-padding:0;display:flex;align-items:center;justify-content:center;padding:var(--inner-padding);position:relative;font-weight:800;text-transform:uppercase;box-sizing:border-box}.content-display-text>.rte{position:relative}.content-display-text,.content-display-text .text-small{font-size:clamp(1.25rem,7vw,2.5rem)}.content-display-text .text-medium{font-size:clamp(1.333rem,7vw,2.75rem)}.content-display-text .text-large{font-size:clamp(1.5rem,7vw,3rem)}

\ No newline at end of file

new file mode 100644

@@ -0,0 +1,29 @@

+.content-display-text {

+  --inner-padding: 0;

+

+  display: flex;

+  align-items: center;

+  justify-content: center;

+  padding: var(--inner-padding);

+  position: relative;

+  font-size: clamp(1.25rem, 7vw, 2.5rem);

+  font-weight: 800;

+  text-transform: uppercase;

+  box-sizing: border-box;

+

+  > .rte {

+    position: relative;

+  }

+

+  .text-small {

+    font-size: clamp(1.25rem, 7vw, 2.5rem);

+  }

+

+  .text-medium {

+    font-size: clamp(1.333rem, 7vw, 2.75rem);

+  }

+

+  .text-large {

+    font-size: clamp(1.5rem, 7vw, 3rem);

+  }

+}

new file mode 100644

@@ -0,0 +1,38 @@

+<?php

+

+declare(strict_types=1);

+

+namespace vonRotenberg\CoretoolsBundle\Controller\ContentElement;

+

+use Contao\ContentModel;

+use Contao\CoreBundle\Controller\ContentElement\AbstractContentElementController;

+use Contao\CoreBundle\DependencyInjection\Attribute\AsContentElement;

+use Contao\CoreBundle\Twig\FragmentTemplate;

+use Contao\StringUtil;

+use Contao\System;

+use Symfony\Component\HttpFoundation\Request;

+use Symfony\Component\HttpFoundation\Response;

+

+#[AsContentElement(category: 'texts')]

+class DisplayTextController extends AbstractContentElementController

+{

+    protected function getResponse(FragmentTemplate $template, ContentModel $model, Request $request): Response

+    {

+        if (System::getContainer()->get('contao.routing.scope_matcher')->isFrontendRequest($request))

+        {

+            $GLOBALS['TL_CSS'][] = 'bundles/vonrotenbergcoretools/css/display-text.min.css|static';

+        }

+

+        $strText = $model->vr_dt_plainText ?: '';

+

+        if (!empty($strText) && !preg_match("/^h[1-3]$/",$model->vr_dt_size))

+        {

+            $strText = '<div' . (!empty($model->vr_dt_size) ? ' class="text-' . strtolower(StringUtil::prepareSlug($model->vr_dt_size)) . '"' : '') . '>' . $strText . '</div>';

+        } else {

+            $strText = '<' . strtolower($model->vr_dt_size) . '>' . $strText . '</' . strtolower($model->vr_dt_size) . '>';

+        }

+

+        $template->set('text', $strText);

+        return $template->getResponse();

+    }

+}