Email Template adds extra spaces and causes formatting problems

Email Template adds extra spaces and causes formatting problems

Issue:

When composing an email from Zoho CRM using an Email Template, there are often blank spaces and/or blank lines preceding the html content.  Most email clients will ignore these blank spaces but some don't.  We discovered this problem using Entourage for Mac, in which case the first part of the email ("Dear ___") had a weird indent.  In other email clients, the same email looked fine.

Steps to reproduce:

Go to the New Email Template form in Zoho CRM.  Put in a name and subject.  In the "Email Template Body" WYSIWYG editor, type the word "test".  Save the template.

Open up a Lead and press the "Send" button in the email section.  In the Send Mail popup window, select the Email Template you just created. Notice the word "test" appears in the message body.  Now click the "<>" button to view the html source.  Notice there are unexpected blank lines before the word "test" as well as two <br> tags after it.

Expected behavior:

When viewing the html source in the "Send Mail" popup in the CRM, there should be no extra characters or tags before or after the content; and the sent mail should not have these extra characters; otherwise, formatting will look incorrect and unprofessional in certain email clients.

Temporary workarounds:

I'm still testing this (in Firefox for Mac), but so far it seems to work. It requires not using the WYSIWYG to compose the html and instead manually creating the html outside the CRM and pasting it in.  These steps must be followed in this EXACT order:

To create a new template:

  1. Open up a new Email Template form.
  2. Click on the "<>" button in the WYSIWYG editor.
  3. Delete the code you see. (For some reason, even a blank template has the code "<br><!--[if IE]><DIV id="__$ehc"></DIV><![endif]-->" hidden in it.)
  4. Click the "htmleditor" checkbox until it is unchecked. (You might have to click it twice.)  You'll get an alert saying "Convert to Text?" -- Click "OK".  The WYSIWYG formatting buttons should disappear.
  5. Paste your html code.
  6. Save it.
  7. Verify it worked by clicking "Send" in the email section of a lead, clicking "<>" in the "Send Mail" window and viewing the source.  There should be no extra characters preceding the content.
If you need to edit the template:
  1. Open up the template edit form.
  2. Press the "<>" button.
  3. Select the html code in the editor window and copy it to your clipboard (Ctl-C or Cmd-C).
  4. Click the "htmleditor" checkbox until it is unchecked. (You might have to click it twice.)  You'll get an alert saying "Convert to Text?" -- Click "OK".  The WYSIWYG formatting buttons should disappear.
  5. Select all the text in the editor window and delete it.
  6. Paste (Ctl-V) the code you copied in step 3 into the editor window.
  7. Make edits to the html as necessary.
  8. Save.