Feature: #108580 - Improved page module content preview 

See forge#108580

Description 

The page module's content element preview functionality has been enhanced to provide editors with better visual representations of content elements directly in the backend.

Sanitized HTML rendering for content 

Content elements with HTML in the bodytext field (such as text, text & images) now display sanitized HTML in the page module preview instead of plain text.

A new PreviewSanitizerBuilder has been introduced that creates a sanitizer specifically designed for backend previews. This sanitizer:

  • Removes clickable links (unwraps <a> tags while preserving their content)
  • Removes heading tags (:html<h1> through <h6>) while preserving their content
  • Allows safe HTML formatting (bold, italic, lists, etc.)

Enhanced bullet list preview 

Content elements of type "bullet list" now render as actual HTML lists in the preview.

Harmonized menu element rendering 

The preview rendering for menu content elements and "insert records" elements has been harmonized to match the presentation used in the record selector wizard. This provides a consistent experience across different parts of the backend.

Impact 

The mentioned enhancement improve the editorial experience in the TYPO3 backend by providing clearer, more informative content previews. Editors can now:

  • See formatted HTML content as it will appear to users
  • Quickly identify bullet list structure and content