HTML formatting in templates is removed after saving when no template logic is used

[MeisterAdebar]

Hi,

when editing an email template in Fewohbee, HTML formatting (line breaks and indentation) is preserved after saving only if template logic is present (e.g. data-repeat or Twig expressions like {{ ... }}).

If the same template contains pure static HTML only, the formatting is removed after saving. When reopening the template, the entire HTML code appears in a single line.

I would like to create a copy template that only contains the signature and HTML.
Is there a trick to preserve the formatting.

<div style="height:16px;"> </div>
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 12pt;">
Mit freundlichem Gruß
</p>
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 12pt;">
Bli Bla<br>
</p>
<div style="height:24px;"> </div>
<table cellpadding="0" cellspacing="0" style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">
  <tr>
    <td style="padding-right:25px; vertical-align:top;">
      Hotel Muster<br>
      Musterstr. 8<br>
      D-56789 Musterstadt
    </td>

    <td style="padding-right:25px; vertical-align:top;">
      Telefon: <a href="tel:+49123456789" style="color:#000000; text-decoration:none;">01234 5678</a><br>
      Telefax: 01234 567890<br>
      Mobil: <a href="tel:+4901234567899" style="color:#000000; text-decoration:none;">0123 4567899</a>
    </td>

    <td style="vertical-align:top;">
      E-Mail: <a href="mailto:info@musterhotel.de" style="color:#000000; text-decoration:none;">info@musterhotel.de</a><br>
      Internet: <a href="https://www.musterhotel.de" style="color:#000000; text-decoration:none;">www.musterhotel.de</a><br>
      USt-IdNr.: DE12345678
    </td>
  </tr>
</table>

[developeregrem]

Thats the default behaviour of the editor (visual mode). You can switch to code mode and use the beautifier icon to format the one-liner

[MeisterAdebar]

Ok, thx.

[MeisterAdebar]

The editor is "zum Mäuse melken"

If I save the code shown above it now does this to me:

<div style="height: 16px;"></div>
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 12pt;">Mit
  freundlichem Gruß</p>
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 12pt;">Bli
  Bla<br></p>
<div style="height: 24px;"></div>
<table style="font-family: Arial, Helvetica, sans-serif; font-size: 11pt;">
  <colgroup>
    <col style="min-width: 25px;">
    <col style="min-width: 25px;">
    <col style="min-width: 25px;">
  </colgroup>
  <tbody>
    <tr>
      <td colspan="1" rowspan="1"
        style="padding-right: 25px; vertical-align: top;">
        <p>Hotel Muster<br>Musterstr. 8<br>D-12345 Musterstadt
        </p>
      </td>
      <td colspan="1" rowspan="1"
        style="padding-right: 25px; vertical-align: top;">
        <p>Telefon: <a target="_blank" rel="noopener noreferrer nofollow"
            href="tel:+49122345678">01234 5678</a><br>Telefax: 01234
          567890<br>Mobil: <a target="_blank" rel="noopener noreferrer nofollow"
            href="tel:+4901234567899">0123 4567899</a></p>
      </td>
      <td colspan="1" rowspan="1" style="vertical-align: top;">
        <p>E-Mail: <a target="_blank" rel="noopener noreferrer nofollow"
            href="mailto:info@musterhotel.de">info@musterhotel.de</a><br>Internet:
          <a target="_blank" rel="noopener noreferrer nofollow"
            href="https://www.musterhotel.de">www.musterhotel.de</a><br>USt-IdNr.:
          DE12345678</p>
      </td>
    </tr>
  </tbody>
</table>
<p></p>

[developeregrem]

Understand your problem.
The editor removes all line breaks etc. and there is no way to stop it. At last not with reasonable effort.
I can configure the beautifier when to break lines and so on, but the original formatting is lost.
But at the end it's only the html view which is not shown to users. For me, it's a comfort feature but how the stuff is stored at the end doesn't matter. So I'd love to better understand what's making this so frustrating for you. :)

[MeisterAdebar]

It’s not just about the formatting. Take a look at the table code — it was completely changed and my style settings were discarded.

[developeregrem]

Good point. I haven't noticed it at first glance. The editor removes everything that is not whitelisted explicitly :( Therefore your a tag looses the style and cellpadding/cellspacing is removed.
I would recommend to use css instead of cellpadding/cellspacing. And the a tag needs to be whitelisted on my site.
But you can try it with a style tag

<style>
  a {
    color: #000000;
    text-decoration: none;
  }
</style>

The added code for the table should usually not break stuff. But unfortunately that's how the editor handles it :(

One small hack could help you ;) just add a twig comment sommewhere (e.g. the first line)

[# keep code mode #]
<div style="height:16px;"> </div>
...

This will force the editor to load it always in code mode. No hand over to the visual part which does crazy stuff.

[MeisterAdebar]

[# keep code mode #]
<div style="height:16px;"> </div>
...

This will force the editor to load it always in code mode. No hand over to the visual part which does crazy stuff.

That’s what I wanted to hear. Perfect.

Thx.