mailto link with HTML body

Question

I have a couple of mailto links in a HTML document    lt a href  mailto etc     gt    Can I insert HTML formatted body in the mailto  part of the href    lt a href  mailto me me com subject Me amp body  lt b gt ME lt  b gt   gt Mail me lt  a gt    Note that  2016  in iOS  it is perfectly fine to add  lt i gt  and  lt b gt  tags for simple italic  bold formatting

User · Answer

Some things are possible  but not all  say for example you want line breaks  instead of using  lt br   gt use  0D 0A  Example       lt a href  mailto  subject  amp body Hello  0D 0A 0D 0AHere is the link to the PDF Brochure  0D 0A 0D 0ATo view the brochure please click the following link  http   www uyslist com yachts brochure pdf  gt  lt img src  images email png  alt  EMail PDF Brochure    gt  lt  a gt

User · Answer

It is worth pointing out that on Safari on the iPhone  at least  inserting basic HTML tags such as  lt b gt    lt i gt   and  lt img gt   which ideally you shouldn t use in other circumstances anymore anyway  preferring CSS  into the body parameter in the mailto  does appear to work - they are honored within the email client  I haven t done exhaustive testing to see if this is supported by other mobile or desktop browser email client combos  It s also dubious whether this is really standards-compliant  Might be useful if you are building for that platform  though   As other responses have noted  you should also use encodeURIComponent on the entire body before embedding it in the mailto  link

User · Answer

Anybody can try the following  mailto function only accepts plaintext but here i show how to use HTML innertext properties and how to add an anchor as mailto body params       Create as many html elements you need   const titleElement   document createElement  DIV    titleElement innerHTML   this shareInformation title     Just some string    Here I create an  lt a gt  so I can use href property const titleLinkElement   document createElement  a    titleLinkElement href   this shareInformation link     This is a url        let mail   document createElement  a        Using es6 template literals add the html innerText property and anchor element created to mailto body parameter mail href       mailto  subject   titleElement innerText  amp body   titleLinkElement  0D 0A  abstractElement innerText    mail click        Notice how I use   titleLinkElement  that is an anchor element  so mailto uses its href and renders the url I needed

User · Answer

Thunderbird supports html-body  mailto me me com subject Me amp html-body  lt b gt ME lt  b gt

User · Answer

I have used this and it seems to work with outlook  not using html but you can format the text with line breaks at least when the body is added as output    lt a href  mailto email address com subject Hello world amp body Line one 0DLine two  gt Email me lt  a gt

User · Answer

Whilst it is NOT possible to use HTML to format your email body you can add line breaks as has been previously suggested   If you are able to use javascript then  encodeURIComponent    might be of use like below     var formattedBody    FirstLine  n Second Line  n Third Line   var mailToLink    mailto x y com body     encodeURIComponent formattedBody   window location href   mailToLink

User · Answer

As you can see in RFC 6068  this is not possible at all      The special  lt hfname gt   body  indicates that the associated  lt hfvalue gt    is the body of the message   The  body  field value is intended to   contain the content for the first text plain body part of the   message   The  body  pseudo header field is primarily intended for   the generation of short text messages for automatic processing  such   as  subscribe  messages for mailing lists   not for general MIME   bodies

User · Answer

It s not quite what you want  but it s possible using modern javascript to create an EML file on the client and stream that to the user s file system  which should open a rich email containing HTML in their mail program  such as Outlook   https   stackoverflow com a 27971771 8595398  Here s a jsfiddle of an email containing images and tables  https   jsfiddle net seanodotcom yd1n8Lfh    HTML   lt  -- https   jsfiddle net seanodotcom yd1n8Lfh -- gt   lt textarea id  textbox  style  width  300px  height  600px   gt  To  User  lt user domain demo gt  Subject  Subject X-Unsent  1 Content-Type  text html   lt html gt   lt head gt   lt style gt      body  html  table           font-family  Calibri  Arial  sans-serif             pastdue   color  crimson        table           border  1px solid silver          padding  6px            thead           text-align  center          font-size  1 2em          color  navy          background-color  silver          font-weight  bold            tbody td           text-align  center         lt  style gt   lt  head gt   lt body gt   lt table width 100  gt       lt tr gt           lt td gt  lt img src  http   www laurell com images logo laurell logo storefront jpg  width  200  height  57  alt    gt  lt  td gt           lt td align  right  gt  lt h1 gt  lt span class  pastdue  gt PAST DUE lt  span gt  INVOICE lt  h1 gt  lt  td gt       lt  tr gt   lt  table gt   lt table width 100  gt       lt thead gt           lt th gt Invoice   lt  th gt           lt th gt Days Overdue lt  th gt           lt th gt Amount Owed lt  th gt       lt  thead gt       lt tbody gt       lt tr gt           lt td gt OU812 lt  td gt           lt td gt 9 lt  td gt           lt td gt  4395 00 lt  td gt       lt  tr gt       lt tr gt           lt td gt OU812 lt  td gt           lt td gt 9 lt  td gt           lt td gt  4395 00 lt  td gt       lt  tr gt       lt tr gt           lt td gt OU812 lt  td gt           lt td gt 9 lt  td gt           lt td gt  4395 00 lt  td gt       lt  tr gt       lt  tbody gt   lt  table gt   lt  body gt   lt  html gt   lt  textarea gt   lt br gt   lt button id  create  gt Create file lt  button gt  lt br gt  lt br gt   lt a download  message eml  id  downloadlink  style  display  none  gt Download lt  a gt    Javascript   function      var textFile   null    makeTextFile   function  text        var data   new Blob  text    type   text plain         if  textFile     null          window URL revokeObjectURL textFile             textFile   window URL createObjectURL data       return textFile          var create   document getElementById  create        textbox   document getElementById  textbox      create addEventListener  click   function          var link   document getElementById  downloadlink        link href   makeTextFile textbox value       link style display    block        false

User · Answer

No  This is not possible at all

[html] mailto link with HTML body

Examples related to html

Examples related to email

Examples related to mailto