wake-up-neo.net

Google Mail umschließt bestimmte HTML-Elemente in eine Klasse mit dem Namen im

Ich habe einen HTML-E-Mail-Prozess getestet, den ich kürzlich erstellt habe. Wenn ich jedoch die E-Mail in Google Mail öffne, stelle ich fest, dass bestimmte Elemente in einer Klasse eingeschlossen sind, von der ich weiß, dass ich sie nicht im ursprünglichen HTML-Layout eingefügt habe. Tatsächlich habe ich nur dreifach geprüft! Beim Anzeigen der HTML-E-Mail in Google Mail werden zufällige Abschnitte meines Formulars mit ...

<div class="im">
....
</div>

Infolgedessen wird ein Teil des Textes violett, während der andere Text dies nicht tut. Warum passiert das?

Vielen Dank

40
klewis

Google Mail scheint zu glauben, dass Sie andere E-Mails in einer Konversation zitieren, und div.im damit die Abschnitte Ihres Codes umwickelt, die Ihrer Meinung nach vorherige Bits in einer Konversation sind.

Dies kann passieren, wenn Ihr Code eine TABLE mit mehr als einem TR hat. Um dies zu umgehen, verwenden Sie anstelle mehrerer TRs in einer TABLE mehrere TABLEs mit jeweils einem TR.

Dies kann auch der Fall sein, wenn Sie mehrere Betreffzeilen haben, die identisch sind, sodass Google Mail dies für eine Konversation hält. Sie können dies beheben, indem Sie jede Betreffzeile eindeutig machen.

56

Dieses Problem ist auch aufgetreten, wenn ein Absatz mit einzelnen Zeilenumbrüchen wie folgt verwendet wird:

<p>
   line 1<br>
   line 2<br>
   line 3
</p>

Ich konnte das Problem in Google Mail beheben, indem der gesamte leere Bereich aus diesem bestimmten Teil von HTML entfernt und der gesamte Absatz und der gesamte Inhalt wieder an den linken Rand des Bildschirms angepasst wurden. Sicher, es sieht ein bisschen unordentlich aus und Sie verlieren die richtige Einrückung, aber ich denke, das hilft Google Mail nicht aus Versehen zu glauben, Sie zitieren etwas inline.

3
stevecomrie

Separate Style-Dateien funktionieren nicht für E-Mails. Sie können jedoch einen Stil für diese Klasse in der HTML-Datei hinzufügen:

  <head>
       <style type="text/css">
        .im {
           color: #000000 !important;
        }
    </style>
  </head>

Dies sollte der Klasse .im Stil verleihen, falls sie gefunden wurde

1
Zack

Ich habe auch dieses Problem. Und ich habe nur ein zufälliges 5-Bit char zu jedem Zeilenende hinzugefügt und die Farbe wie den Hintergrund gesetzt. Dann wurde das Problem behoben.

Es ist kein guter Weg, aber wenn es keinen anderen Weg gibt, können Sie es vielleicht versuchen.

1
liwanglin12

Ich hatte ähnliche Probleme. Ich habe E-Mails aus einer Anwendung mit Vorlagen gesendet. Wenn ich also mehrere E-Mails an dieselbe Adresse schickte, wurden die Zeilen, die in allen gleich sind, violett. Google Mail hat dieses Tag automatisch hinzugefügt:

<div class="im">
.........
</div>

Ich weiß nicht, dass Google Mail die üblichen Texte in ein Gespräch mit diesem Tag einbringt. Ähnliche Diskussion hier .

0
Arif Hossain

Auf diesem Weg ignorieren Sie den Stil der Klasse

<b style="color:black;">Some text</b>

Einige Texte haben keine violette Farbe

0