Newsletter Layout

**kubjo** · 12.01.2026, 17:27

Hi Leute,
ich habe meinen Newsletter als HTML Code aus einer 4.x.x Version rauskopiert und in die neue Version eingefügt.
Beim Speichern des Newsletters verändert Contao den HTML Code so, dass der Newsletter nicht mehr richtig dargestellt wird.
Habe dann das HTML über Chat GPT bereinigen lassen, danach passiert das Selbe. Kann ich Contao irgendwie dazu bringen, das HTML des Newsletter nicht zu ändern?

VG
Jochen

**Spooky** · 12.01.2026, 17:33

Poste das HTML davor und danach.

**kubjo** · 12.01.2026, 19:10

So kommt der Code rein:

Code:

<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#000000">
  <tr>
    <td align="center">

      <!-- Newsletter Container -->
      <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="width:600px;">
        <tr>
          <td>

            <!-- Headerbild -->
            <img src="files/Bilder/Newsletter/i-9Z3Jvrm-M.jpg"
                 width="600"
                 height="338"
                 alt="Fotografenmeister Workshop"
                 border="0"
                 style="display:block; width:600px; height:auto; line-height:0; font-size:0;">

          </td>
        </tr>

        <!-- Abstand -->
        <tr>
          <td height="20" style="font-size:20px; line-height:20px;">&nbsp;</td>
        </tr>

        <!-- Inhalt -->
        <tr>
          <td style="padding:20px;
                     font-family:Verdana, Arial, sans-serif;
                     font-size:14px;
                     line-height:1.6;
                     color:#ffffff;">

            <h1 style="margin:0 0 15px 0;
                       font-size:24px;
                       font-weight:normal;
                       color:#ffffff;">
              Fotografenmeister Newsletter
            </h1>

            <p style="margin:0 0 15px 0;">
              Hallo Freunde des guten Bildes!
            </p>

            <p style="margin:0 0 15px 0;">
              Nachdem unser fantastischer Workshop letztes Jahr leider abgesagt werden musste,
              gehen wir dieses Jahr wieder mit vollem Optimismus an!
              Wer schon mal dabei war, weiß, wovon wir reden – die anderen werden überrascht sein ;-)
            </p>

            <h3 style="margin:20px 0 10px 0;
                       font-size:18px;
                       font-weight:normal;
                       color:#ffffff;">
              Foto Workshop in schönster Lage auf der Alpenrosenhütte
              in den Kitzbüheler Alpen
            </h3>

            <p style="margin:0 0 15px 0;">
              1 Wochenende, 2 Referenten, 3 Tage, max. 10 Teilnehmer,<br>
              Übernachtung mit Halbpension im Doppelzimmer.
            </p>

            <p style="margin:0 0 15px 0;">
              Termin: 3.7. – 5.7.2026<br>
              Ort: Alpenrosenhütte in den Kitzbüheler Alpen
            </p>

            <p style="margin:0 0 20px 0;">
              Nähere Infos zur Location und den Preisen findest Du wie immer auf<br>
              <a href="http://www.fotografenmeister.de/"
                 style="color:#007d00; text-decoration:none;">
                www.fotografenmeister.de
              </a>
            </p>

            <p style="margin:20px 0 5px 0;">
              Mit fotografischen Grüßen
            </p>

            <p style="margin:0 0 15px 0;">
              Jochen Kubik &amp; Ludwig Migl
            </p>

            <p style="margin:0 0 25px 0;">
              <a href="http://www.fotografenmeister.de/"
                 style="color:#007d00; text-decoration:none;">
                www.fotografenmeister.de
              </a>
            </p>

            <p style="font-size:12px; line-height:1.5; margin:0 0 15px 0;">
              Bitte nicht wundern, dass Du diesen Newsletter bekommst, obwohl Du dich nicht
              angemeldet hast! Ich habe alle ehemaligen Teilnehmer und Interessenten manuell
              in den Newsletter übernommen.
            </p>

            <p style="font-size:12px; line-height:1.5; margin:0 0 10px 0;">
              1. Du schreibst mir eine kurze E-Mail, dann lösche ich Dich manuell aus dem Verteiler.
            </p>

            <p style="font-size:12px; line-height:1.5; margin:0 0 20px 0;">
              2. Du trägst
              <a href="http://www.fotografenmeister.de/newsletter.html"
                 style="color:#007d00; text-decoration:none;">
                hier
              </a>
              Deine Adresse selbst aus.
            </p>

            <p style="font-size:11px; line-height:1.4; margin:0;">
              Du bist mit der E-Mail-Adresse
              <span style="color:#007d00;">##email##</span>
              angemeldet.<br>
              Wenn du diesen Newsletter nicht mehr erhalten möchtest,
              klicke bitte
              <a href="http://www.fotografenmeister.de/newsletter.html"
                 style="color:#007d00; text-decoration:none;">
                hier
              </a>.
            </p>

          </td>
        </tr>

        <!-- Footer Abstand -->
        <tr>
          <td height="30" style="font-size:30px; line-height:30px;">&nbsp;</td>
        </tr>

      </table>

    </td>
  </tr>
</table>

Dann wird der Newsletter auch richtig dargestellt, z.B. mit schwarzem Hintergrund und zentriert, wenn ich dann auf speichern klicke, ist der schwarze Hintergrund und die Zentrierung weg, und der HTML Code sieht so aus:

Code:

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><!-- Newsletter Container -->
<table style="width: 600px;" border="0" width="600" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><!-- Headerbild --> <img style="display: block; width: 600px; height: auto; line-height: 0; font-size: 0;" src="files/Bilder/Newsletter/i-9Z3Jvrm-M.jpg" alt="Fotografenmeister Workshop" width="600" height="338"></td>
</tr>
<!-- Abstand -->
<tr>
<td style="font-size: 20px; line-height: 20px;" height="20">[nbsp]</td>
</tr>
<!-- Inhalt -->
<tr>
<td style="padding: 20px; font-family: Verdana, Arial, sans-serif; font-size: 14px; line-height: 1.6; color: #ffffff;">
<h1 style="margin: 0 0 15px 0; font-size: 24px; font-weight: normal; color: #ffffff;">Fotografenmeister Newsletter</h1>
<p style="margin: 0 0 15px 0;">Hallo Freunde des guten Bildes!</p>
<p style="margin: 0 0 15px 0;">Nachdem unser fantastischer Workshop letztes Jahr leider abgesagt werden musste, gehen wir dieses Jahr wieder mit vollem Optimismus an! Wer schon mal dabei war, weiß, wovon wir reden – die anderen werden überrascht sein ;-)</p>
<h3 style="margin: 20px 0 10px 0; font-size: 18px; font-weight: normal; color: #ffffff;">Foto Workshop in schönster Lage auf der Alpenrosenhütte in den Kitzbüheler Alpen</h3>
<p style="margin: 0 0 15px 0;">1 Wochenende, 2 Referenten, 3 Tage, max. 10 Teilnehmer,<br>Übernachtung mit Halbpension im Doppelzimmer.</p>
<p style="margin: 0 0 15px 0;">Termin: 3.7. – 5.7.2026<br>Ort: Alpenrosenhütte in den Kitzbüheler Alpen</p>
<p style="margin: 0 0 20px 0;">Nähere Infos zur Location und den Preisen findest Du wie immer auf<br><a style="color: #007d00; text-decoration: none;" href="http://www.fotografenmeister.de/"> www.fotografenmeister.de </a></p>
<p style="margin: 20px 0 5px 0;">Mit fotografischen Grüßen</p>
<p style="margin: 0 0 15px 0;">Jochen Kubik [&amp;] Ludwig Migl</p>
<p style="margin: 0 0 25px 0;"><a style="color: #007d00; text-decoration: none;" href="http://www.fotografenmeister.de/"> www.fotografenmeister.de </a></p>
<p style="font-size: 12px; line-height: 1.5; margin: 0 0 15px 0;">Bitte nicht wundern, dass Du diesen Newsletter bekommst, obwohl Du dich nicht angemeldet hast! Ich habe alle ehemaligen Teilnehmer und Interessenten manuell in den Newsletter übernommen.</p>
<p style="font-size: 12px; line-height: 1.5; margin: 0 0 10px 0;">1. Du schreibst mir eine kurze E-Mail, dann lösche ich Dich manuell aus dem Verteiler.</p>
<p style="font-size: 12px; line-height: 1.5; margin: 0 0 20px 0;">2. Du trägst <a style="color: #007d00; text-decoration: none;" href="http://www.fotografenmeister.de/newsletter.html"> hier </a> Deine Adresse selbst aus.</p>
<p style="font-size: 11px; line-height: 1.4; margin: 0;">Du bist mit der E-Mail-Adresse <span style="color: #007d00;">##email##</span> angemeldet.<br>Wenn du diesen Newsletter nicht mehr erhalten möchtest, klicke bitte <a style="color: #007d00; text-decoration: none;" href="http://www.fotografenmeister.de/newsletter.html"> hier </a>.</p>
</td>
</tr>
<!-- Footer Abstand -->
<tr>
<td style="font-size: 30px; line-height: 30px;" height="30">[nbsp]</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

VG
Jochen

**Spooky** · 12.01.2026, 20:47

Ab (mindestens) Contao 4.13 wird das HTML bereinigt, also nur erlaubte HTML-Tags und -Attribute werden durchgelassen. Wenn du also den von dir geposteten HTML-Code versuchst in einer Contao 4.13 Installation im TinyMCE eines Newsletters einzugeben, wird es mit den Standardeinstellungen dort genau so entfernt.

Du musst in deinen Systemeinstellungen die jeweiligen HTML-Attribute also noch dediziert erlauben (oder einfach alles, wenn du ohnehin nur Backend-Benutzer*innen hast, denen du vertrauen kannst).

Unabhängig davon würde ich aber an deiner STelle den HTML Code für das Layout des Newsletters eher in das Template geben - und im Newsletter selbst dann wirklich nur mehr den eigentlichen Inhalt eingeben.

**kubjo** · 12.01.2026, 21:34

Danke, verstehe ich das richtig, dass ich den Code bzw. die leeren Tabellen als Template anlegen kann und so den Newsletter immer in gleicher Form aber mit unterschiedlichem Inhalt verschicken kann? Muß ich dazu dann auch die erlaubten HTML Tags editieren? Wenn ja, wie mache ich das praktiscvh. Ich sehe die Liste der erlaubten Attribute, sehe aber nicht, wie dort etwas hinzufügen kann. Und was muß ich jetzt für z.B. "bgcolor="#000000" einfügen?

**kubjo** · 12.01.2026, 21:39

Muß man danach irgend eine Cache leeren, damit es wirksam wird?

**Spooky** · 12.01.2026, 22:01

Zitat von kubjo

Danke, verstehe ich das richtig, dass ich den Code bzw. die leeren Tabellen als Template anlegen kann und so den Newsletter immer in gleicher Form aber mit unterschiedlichem Inhalt verschicken kann?

Genau, ja.

Zitat von kubjo

Muß ich dazu dann auch die erlaubten HTML Tags editieren?

Kommt auf den eigentlichen Inhalt an.

**kubjo** · 13.01.2026, 16:49

Habe inzwischen die Formatierung in den Griff bekommen. Jetzt habe ich noch Probleme mit dem Template. Eigentlich brauche ich kein eigenes Template, was mich aber stört ist der Fuß im Standardtemplate. Ich finde das hier verwendete Template nicht, kann aber auch kein eigenes einbinden. Ich habe ein eigenes Tepmalte erstellt, umbenannt und in den Templateordner des Themen gespeichert. Leider kann ich es nicht auswählen, bzw es erscheint nicht im Auswahldialog der Template im Newsletter Dialog. Kann es sein, dass es an den neuen Twigg Teplates liegt, damit kenne ich mich noch gar ich aus.
VG
Jochen

**Spooky** · 13.01.2026, 16:52

Auswählen kannst du immer nur zusätzliche Varianten. Wie hast du denn dein Template benannt bzw. wie lautet der komplette Pfad?

**kubjo** · 13.01.2026, 21:09

Ich habe zwei neu angelegt:

-mail_responsive_foto.html5
-nl_fotografenmeister.html5

Beide liegen hier: /contao5-sirius/templates/theme
Beide sind unter LAYOUT>Templates zu finden (das Verzeichnis hat ein Schloß)

Unter LAYOUT>THEMES>Ordner sind zwei Ordner aufgeführt:
-files/theme
-files/tinymce

Unter LAYOUT>THEMES>Templates-Ordner ist "theme" ausgewählt.

Unter Newsletter > Name des Newsletters gibt es den Punkt E-Mail-Template, dort gibt es drei Dropdown Möglichkeiten:

-
mail_default
mail_responsive

Soweit erst mal

VG
Jochen

**Spooky** · 14.01.2026, 08:28

Das Template musst du in den templates/ Ordner geben, nicht in den Unterordner deines Frontend Themes.

**kubjo** · 14.01.2026, 09:33

Jetzt hat alles geklappt!

VIELEN DANK!!!

Thema: Newsletter Layout

Themen-Optionen

Thema durchsuchen

Newsletter Layout

Aktive Benutzer

Aktive Benutzer

Berechtigungen