HTML emails look different for sender

thstyl2000 commented 2 years ago

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

ChristophWurst commented 2 years ago

The app uses CKEditor right now. This is WYSIWYG.

thstyl2000 commented 2 years ago

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?)

ChristophWurst commented 2 years ago

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.

thstyl2000 commented 2 years ago

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.

ChristophWurst commented 2 years ago

Please post the source as well

thstyl2000 commented 2 years ago

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

Content-Type: multipart/alternative;
    boundary="------------lpCrO0gv84GwhoGWiXbt2R5h"
Message-ID: <290ccf1c-3d7b-004f-f267-3a6add9c0d4d@xxxxxx.xxxx>
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: <xxxx@xxxx.xxxxe>
From: xxxx <xxxx@xxxx.xxxxe>
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--

nextcloud / mail