\n is removed from my email body

Question

I am using JavaScript to formulate a mailto: URI, but for some reason the \n characters are not working.

My string is constructed like this:

var emailBody = "This is the first line!\n" + "This is the next line.\n" + "And so on and so forth.\n";

And then I form a URL like:

var mailToLink = 'mailto:' + emailTo
               + '?subject=' + emailSubject
               + '&body=' + emailBody;

and instruct the browser to navigate to that URI:

var win = window.open(mailToLink, 'emailWindow');

My email client opens with the draft email in the window, but all the "lines" are displayed consecutively. I see no line breaks, except those rendered due to the email client's natural word wrapping.

How can I generate this email with the newline characters intact?

How is that string being converted from a JavaScript data structure to the content of the email? — Quentin, Sep 23 '15 at 18:56
Is your email HTML formatted? In which case you would need to use `
` — arcyqwerty, Sep 23 '15 at 18:56
_Completely_ depends on lots of things we can't see. I for one have never heard of emails being generated by JavaScript. — Lightness Races in Orbit, Sep 23 '15 at 18:56
I create a variable: mailToLink = 'mailto:' + emailTo + ?subject=' + emailSubject + '&body=' + emailBody; — Chris, Sep 23 '15 at 19:00
@LightnessRacesinOrbit Sorry if I misspoke. I am using JavaScript to call the mailTo: function. Very handy to create emails on the fly! — Chris, Sep 23 '15 at 19:14
I have fixed the question, and found that it is a duplicate of http://stackoverflow.com/q/10356329/560648. — Lightness Races in Orbit, Sep 23 '15 at 23:41
@LightnessRacesinOrbit very eloquent edit! How would I mark this a duplicate, I feel some of the answers are not as straight forward as Quentin's answer, but the encodeURIComponent is among the comments of some answers, so a dup this is indeed. :) — Chris, Sep 24 '15 at 14:28

Quentin · Accepted Answer · 2023-01-11T15:47:46.863

I create a variable: mailToLink = 'mailto:' + emailTo + ?subject=' + emailSubject + '&body=' + emailBody;

You can't have a literal new line in a URL.

You should generate your query strings using URLSearchParams instead of mashing strings together. That will take care of any escaping that needs to be done.

const emailTo = "example@example.com";
const emailSubject = "Visit a café";
const emailBody = `This is a body which includes
a new line!`;

const url = new URL(`mailto:${emailTo}`);
url.searchParams.set('subject', emailSubject);
url.searchParams.set('body', emailBody);

var mailToLink = url.toString();
console.log(mailToLink);

2015 answer:

You should pass each value through the encodeURIComponent() function when adding it to the URL string (which will take care of all characters with special meaning including new lines, +, % and so on).

ABSOLUTE GENIUS! Worked like a charm! I am very pleased, because I don't see any answers like this anywhere else on Stack! Take your correct and upvote, good Sir. — Chris, Sep 23 '15 at 19:12

\n is removed from my email body

1 Answers1