how to add html in a email body using javascript?

Question

I have to sent a confirmation email to the users. and on clicking of a link, i want to open their default email client and add a HTML into the body tag.

var subject = Your transaction No: +': ' + $('#confirmationNumber').text()+ ' is confirmed';
var emailBody = $('#confirmation').html();
$(this).attr('href','mailto:'+userEmail+'&subject=' + subject +'&body='+ emailBody);

it want the HTML in 'emailBody' to get appended to the body as HTML. But it displays me the entire HTML tags instead.

Is there a way i can append a HTML in the body ?

Martijn · Accepted Answer · 2012-06-05 15:58:35Z

2

The answer is short but unfortunate:

No.

When using mailto:-links, you can only specify text, not HTML. Even if the user’s mail client composes a mail message using HTML, your body text will only be inserted as text.

There’s nothing you can do about that from a web page.

answered Jun 5, 2012 at 15:58

Martijn

13.7k4 gold badges50 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Riz · Accepted Answer · 2012-06-05 14:47:03Z

0

Use

var emailBody = $('#confirmation').text();

answered Jun 5, 2012 at 14:47

Riz

10.3k8 gold badges43 silver badges54 bronze badges

2 Comments

nipiv Over a year ago

yeh i used that... but it appends all the text in one line in the email body... I want some bold tags and line breaks in them.

Riz Over a year ago

Body must be 'text/plain', You cannot use HTML Tags in there.

Wirone · Accepted Answer · 2012-06-05 15:08:09Z

0

First of all, some fixes to your code:

var subject = 'Your transaction No: ' + $('#confirmationNumber').text() + ' is confirmed',
    emailBody = $('#confirmation').html();
$(this).attr('href', 'mailto:' + userEmail + '&subject=' + subject + '&body=' + encodeURI(emailBody));

Use single var keyword and separate variables with commas
subject was concatenated badly

Next, if you want to pass html code in link you have to encode special chars, which encodeURI() does.

Oops, encoded body isn't treated as html in email client.. I googled for a while and it seems you can't pass it correctly, can't you send a message instead of opening client?

edited Jun 5, 2012 at 15:08

answered Jun 5, 2012 at 14:52

Wirone

3,3832 gold badges32 silver badges50 bronze badges

1 Comment

nipiv Over a year ago

1stly sorry for the bad subject concatenaiton, i had typed that one. and :( for hte encodeURI. It was a client requirement. But ur right.. i will send it as a messge instead..

Collectives™ on Stack Overflow

how to add html in a email body using javascript?

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related