how to add html in a email body using javascript? - Stack Overflow

admin管理员组

文章数量:1026114

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 ?

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 ?

• javascript
• html-email

Share Improve this question Follow asked Jun 5, 2012 at 14:44 nipivnipiv 85322 gold badges99 silver badges2121 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 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 poses 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.

Use

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

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 mas
• 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?

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 ?

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 ?

• javascript
• html-email

Share Improve this question Follow asked Jun 5, 2012 at 14:44 nipivnipiv 85322 gold badges99 silver badges2121 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 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 poses 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.

Use

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

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 mas
• 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?

本文标签： how to add html in a email body using javascriptStack Overflow