mail icon indicating copy to clipboard operation
mail copied to clipboard

HTML emails look different for sender

Open thstyl2000 opened this issue 3 years ago • 6 comments

Is your feature request related to a problem? Please describe.

Formatting is somewhat "bilnd" which makes it a bit difficult to "trust" the outcome and makes the editing part not looking very nice.

Describe the solution you'd like

To be able to see the format of the sent mail directly when editing, in a WYSIWYG mode.

Describe alternatives you've considered

No response

Additional context

No response

thstyl2000 avatar May 25 '22 10:05 thstyl2000

The app uses CKEditor right now. This is WYSIWYG.

ChristophWurst avatar May 25 '22 11:05 ChristophWurst

Yes, I know that. But we don't really see what we get, for example:

Screenshot_20220526_132618

Screenshot_20220526_133526

Fonts are smaller, margins different and the quote line does not appear....(Never noticed that before...Maybe it has to do with the fact that I have a white theme?)

thstyl2000 avatar May 26 '22 11:05 thstyl2000

Right. As far as I understand this has to do with how the HTML is rendered on the receiving end. Like a HTML list <li> may be indented or not. We do not specify any styling, so there is a lot of freedom for the email clients.

Now, I wonder how other email clients handle this. Do Thunderbird, Gmail & others send stricter styling for their HTML messages, so they look more consistent with what the sender sees? That needs some research.

ChristophWurst avatar May 30 '22 07:05 ChristophWurst

Thank you for reopening! Here's what happens in a fresh installation of Thunderbird:

Screenshot_20220531_144514

Screenshot_20220531_144945

There is actually not a real difference in font size, that's due to the different size of the screenshot....they both look quite similar.

thstyl2000 avatar May 31 '22 12:05 thstyl2000

Please post the source as well

ChristophWurst avatar May 31 '22 12:05 ChristophWurst

Oh sorry.....here's the relevant part from the source:

Content-Type: multipart/alternative;
	boundary="------------lpCrO0gv84GwhoGWiXbt2R5h"
Message-ID: <[email protected]>
Date: Tue, 31 May 2022 14:45:37 +0200
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:91.0) Gecko/20100101
 Thunderbird/91.10.0
Content-Language: en-US
To: <[email protected]>
From: xxxx <[email protected]>
Subject: test
MIME-Version: 1.0

--------------lpCrO0gv84GwhoGWiXbt2R5h
Content-Type: text/plain; charset="UTF-8"; format=flowed
Content-Transfer-Encoding: 7bit

Dear Test,

Lorem ipsum dolor sit amet, /consectetur adipiscing elit, sed do eiusmod 
tempor/ incididunt ut labore et dolore magna aliqua.

  * Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat.
  * Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 
officia *deserunt mollit anim id est laborum*.
--------------lpCrO0gv84GwhoGWiXbt2R5h
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: 7bit

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  </head>
  <body>
    <p>Dear Test,</p>
    <p>Lorem ipsum dolor sit amet, <i>consectetur adipiscing elit, sed
        do eiusmod tempor</i> incididunt ut labore et dolore magna
      aliqua.</p>
    <ul>
      <li> Ut enim ad minim veniam, quis nostrud exercitation ullamco
        laboris nisi ut aliquip ex ea commodo consequat.</li>
      <li>Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur.</li>
    </ul>
    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
    officia <b>deserunt mollit anim id est laborum</b>.
  </body>
</html>

--------------lpCrO0gv84GwhoGWiXbt2R5h--

thstyl2000 avatar May 31 '22 13:05 thstyl2000